border-image

Read More at MDN DocsView Spec

Safe to Use

border-image is considered safe to use.

It’s supported by 94% of global browsers.

Browsers

ChromeDec 13, 2011v16.0.0
26%╱100%
100% of Chrome users are running a supported version.
SafariJul 25, 2012v6.0.0
5%╱100%
100% of Safari users are running a supported version.
EdgeJul 28, 2015v12.0.0
5%╱100%
100% of Edge users are running a supported version.
FirefoxAug 28, 2012v15.0.0
3%╱100%
100% of Firefox users are running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Dec 13, 2011 v16.0.0
26%╱100%
100% of Chrome users are running a supported version.
Dec 13, 2011 – Latest
v16.0.0+
26%╱100%

Full Support

Before Chrome 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352).

Oct 19, 2010 – Latest
v7.0.0+
26%╱100%

Implemented with the vendor prefix: -webkit-

Chrome Android
Jun 27, 2012 v18.0.0
36%╱100%
100% of Chrome Android users are running a supported version.
Jun 27, 2012 – Latest
v18.0.0+
36%╱100%

Full Support

Before Chrome 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352).

Jun 27, 2012 – Latest
v18.0.0+
36%╱100%

Implemented with the vendor prefix: -webkit-

Edge
Jul 28, 2015 v12.0.0
5%╱100%
100% of Edge users are running a supported version.
Jul 28, 2015 – Latest
v12.0.0+
5%╱100%

Full Support

Before Edge 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352).

Jul 28, 2015 – Latest
v12.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Firefox
Aug 28, 2012 v15.0.0
3%╱100%
100% of Firefox users are running a supported version.
Aug 28, 2012 – Latest
v15.0.0+
3%╱100%

Full Support

Small SVGs are incorrectly stretched, because percentages in border-image-slice are computed to integers instead of floats (bug 1284797).

Until Firefox 47, SVGs without viewport were not sliced correctly (bug 619500).

From Firefox 48 until Firefox 49, SVGs without viewport are displayed the same as SVGs with viewport, but if the slices are not exactly 50%, they are incorrectly stretched (bug 1264809).

Until Firefox 57, an issue persisted for SVGs without viewport when e10s was disabled (bug 1290782).

Jun 30, 2009 – Latest
v3.5.0+
3%╱100%

Implemented with the vendor prefix: -moz-

Before Firefox 15, an earlier version of the specification was implemented, prefixed.

Firefox for Android
Aug 28, 2012 v15.0.0
Firefox for Android supports this feature.
Aug 28, 2012 – Latest
v15.0.0+

Full Support

Small SVGs are incorrectly stretched, because percentages in border-image-slice are computed to integers instead of floats (bug 1284797).

Until Firefox 47, SVGs without viewport were not sliced correctly (bug 619500).

From Firefox 48 until Firefox 49, SVGs without viewport are displayed the same as SVGs with viewport, but if the slices are not exactly 50%, they are incorrectly stretched (bug 1264809).

Until Firefox 57, an issue persisted for SVGs without viewport when e10s was disabled (bug 1290782).

Mar 29, 2011 – Latest
v4.0.0+

Implemented with the vendor prefix: -moz-

Before Firefox 15, an earlier version of the specification was implemented, prefixed.

Internet Explorer
Oct 17, 2013 v11.0.0
0%╱83%
There are no users of Internet Explorer running a supported version.
Oct 17, 2013 – Latest
v11.0.0+
0%╱83%

Full Support

 
Quest Browser
Unknown v5.0.0
Quest Browser supports this feature.
Unknown
v5.0.0+

Full Support

Before Chrome 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352).

Unknown
v5.0.0+

Implemented with the vendor prefix: -webkit-

Opera
Dec 16, 2010 v11.0.0
1%╱100%
100% of Opera users are running a supported version.
Dec 16, 2010 – Latest
v11.0.0+
1%╱100%

Full Support

Before Opera 98, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352).

Mar 2, 2010 – Jul 2, 2013
v10.5.0 – v15.0.0

Implemented with the vendor prefix: -o-

Opera Android
Mar 22, 2011 v11.0.0
Opera Android supports this feature.
Mar 22, 2011 – Latest
v11.0.0+

Full Support

A border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352).

Mar 22, 2011 – May 21, 2013
v11.0.0 – v14.0.0

Implemented with the vendor prefix: -o-

Safari
Jul 25, 2012 v6.0.0
5%╱100%
100% of Safari users are running a supported version.
Jul 25, 2012 – Latest
v6.0.0+
5%╱100%

Full Support

Oct 26, 2007 – Latest
v3.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Safari on iOS
Sep 10, 2012 v6.0.0
17%╱100%
There are no users of Safari on iOS running a supported version.
Sep 10, 2012 – Latest
v6.0.0+
17%╱100%

Full Support

Apr 3, 2010 – Latest
v3.2.0+
17%╱100%

Implemented with the vendor prefix: -webkit-

Samsung Internet
Apr 27, 2013 v1.0.0
2%╱100%
100% of Samsung Internet users are running a supported version.
Apr 27, 2013 – Latest
v1.0.0+
2%╱100%

Full Support

Before Samsung Internet false, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352).

Apr 27, 2013 – Latest
v1.0.0+
2%╱100%

Implemented with the vendor prefix: -webkit-

WebView Android
Dec 9, 2013 v4.4.0
WebView Android supports this feature.
Dec 9, 2013 – Latest
v4.4.0+

Full Support

Before WebView 112, a border image's absolute or percentage length width may not take precedence over a narrower border-width (bug 767352).

Oct 26, 2009 – Latest
v2.0.0+

Implemented with the vendor prefix: -webkit-

See Also

Contribute