outline

Read More at MDN DocsView Spec

Safe to Use

outline is mostly safe to use.

It’s supported by 80% of global browsers.

Browsers

ChromeSep 21, 2021v94.0.0
24%╱92%
There are no users of Chrome running a supported version.
SafariMar 27, 2023v16.4.0
3%╱48%
There are no users of Safari running a supported version.
EdgeSep 24, 2021v94.0.0
5%╱99%
There are no users of Edge running a supported version.
FirefoxApr 19, 2021v88.0.0
2%╱96%
There are no users of Firefox running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Sep 21, 2021 v94.0.0
24%╱92%
There are no users of Chrome running a supported version.
Sep 21, 2021 – Latest
v94.0.0+
24%╱92%

Full Support

Dec 11, 2008 – Sep 21, 2021
v1.0.0 – v94.0.0
2%╱9%

Partial Support

Before Chrome 94, outline does not follow the shape of border-radius.

Chrome Android
Sep 21, 2021 v94.0.0
35%╱97%
There are no users of Chrome Android running a supported version.
Sep 21, 2021 – Latest
v94.0.0+
35%╱97%

Full Support

Jun 27, 2012 – Sep 21, 2021
v18.0.0 – v94.0.0
1%╱4%

Partial Support

Before Chrome 94, outline does not follow the shape of border-radius.

Edge
Sep 24, 2021 v94.0.0
5%╱99%
There are no users of Edge running a supported version.
Sep 24, 2021 – Latest
v94.0.0+
5%╱99%

Full Support

Jul 28, 2015 – Sep 24, 2021
v12.0.0 – v94.0.0
0%╱1%

Partial Support

Before Edge 94, outline does not follow the shape of border-radius.

Firefox
Apr 19, 2021 v88.0.0
2%╱96%
There are no users of Firefox running a supported version.
Apr 19, 2021 – Latest
v88.0.0+
2%╱96%

Full Support

Nov 29, 2005 – Apr 19, 2021
v1.5.0 – v88.0.0
0%╱4%

Partial Support

Before Firefox 88, outline does not follow the shape of border-radius.

Nov 9, 2004 – Jan 21, 2010
v1.0.0 – v3.6.0

Implemented with the vendor prefix: -moz-

Firefox for Android
Apr 19, 2021 v88.0.0
Firefox for Android supports this feature.
Apr 19, 2021 – Latest
v88.0.0+

Full Support

Mar 29, 2011 – Apr 19, 2021
v4.0.0 – v88.0.0

Partial Support

Before Firefox 88, outline does not follow the shape of border-radius.

Internet Explorer
Mar 19, 2009 v8.0.0
0%╱100%
100% of Internet Explorer users are running a supported version.
Mar 19, 2009 – Latest
v8.0.0+
0%╱100%

Full Support

 
Quest Browser
Nov 30, 2021 v18.0.0
Quest Browser supports this feature.
Nov 30, 2021 – Latest
v18.0.0+

Full Support

Unknown – Nov 30, 2021
v5.0.0 – v18.0.0

Partial Support

Before Chrome 94, outline does not follow the shape of border-radius.

Opera
Oct 5, 2021 v80.0.0
0%╱5%
There are no users of Opera running a supported version.
Oct 5, 2021 – Latest
v80.0.0+
0%╱5%

Full Support

Jan 28, 2003 – Oct 5, 2021
v7.0.0 – v80.0.0
1%╱95%

Partial Support

Before Opera 80, outline does not follow the shape of border-radius.

Opera Android
Nov 9, 2010 v10.1.0
Opera Android supports this feature.
Nov 9, 2010 – Latest
v10.1.0+

Full Support

Safari
Mar 27, 2023 v16.4.0
3%╱48%
There are no users of Safari running a supported version.
Mar 27, 2023 – Latest
v16.4.0+
3%╱48%

Full Support

Feb 2, 2004 – Mar 27, 2023
v1.2.0 – v16.4.0
3%╱56%

Partial Support

Before Safari 16.4, outline does not follow the shape of border-radius. See bug 20807.

Safari on iOS
Mar 27, 2023 v16.4.0
10%╱58%
There are no users of Safari on iOS running a supported version.
Mar 27, 2023 – Latest
v16.4.0+
10%╱58%

Full Support

Jun 29, 2007 – Mar 27, 2023
v1.0.0 – v16.4.0
7%╱44%

Partial Support

Before Safari 16.4, outline does not follow the shape of border-radius. See bug 20807.

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
Sep 21, 2021 v94.0.0
WebView Android supports this feature.
Sep 21, 2021 – Latest
v94.0.0+

Full Support

Sep 23, 2008 – Sep 21, 2021
v1.0.0 – v94.0.0

Partial Support

Before Chrome 94, outline does not follow the shape of border-radius.

See Also

Contribute