CODEWITHSUNDEEP
internet-explorerinternet-explorer-11css
Mattia Del Franco
Mattia Del Franco

Reputation: 385

Does Internet Explorer 11 support border-image?

As the title, does Internet Explorer 11 support border-image?

Because if i use this CSS:

.windowtemplate {
    border: 18px solid black;
    -webkit-border-image: url("../images/windowtemplate/boxtemp.png") 18 18 18 18 round round;
    -moz-border-image: url("../images/windowtemplate/boxtemp.png") 18 18 18 18 round round;
    border-image: url("../images/windowtemplate/boxtemp.png") 18 18 18 18 18 round round;
}

works in all other browsers (Chrome, Safari, Firefox) except IE11.

There is an other way to make border-image work in IE11?

Upvotes: 0

Views: 2579

Answers (2)

Martijn Hols
Martijn Hols

Reputation: 1613

As per the note on http://caniuse.com/#feat=border-image:

Note that both the border-style and border-width must be specified for border-images to work according to spec, though older implementations may not have this requirement. Partial support refers to supporting the shorthand syntax, but not the individual properties (border-image-source, border-image-slice, etc).

It seems IE 11 is one of those browsers that does need these two properties for the border-image to appear.

Upvotes: 1

vals
vals

Reputation: 64164

I would better use the split syntax.

This web can be very helpful:

border image generator

Upvotes: 1

Related Questions