border-image-slice

Read More at MDN DocsView Spec

Safe to Use

border-image-slice is considered safe to use.

It’s supported by 94% of global browsers.

Browsers

ChromeOct 25, 2011v15.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
Oct 25, 2011 v15.0.0
26%╱100%
100% of Chrome users are running a supported version.
Oct 25, 2011 – Latest
v15.0.0+
26%╱100%

Full Support

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

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

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).

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).

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

Opera
Jul 2, 2013 v15.0.0
1%╱100%
100% of Opera users are running a supported version.
Jul 2, 2013 – Latest
v15.0.0+
1%╱100%

Full Support

Opera Android
May 21, 2013 v14.0.0
Opera Android supports this feature.
May 21, 2013 – Latest
v14.0.0+

Full Support

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

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

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

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

Full Support

Oct 18, 2011 – Latest
v4.0.0+

Implemented with the vendor prefix: -webkit-

See Also

Contribute