::before

Read More at MDN DocsView Spec

Safe to Use

::before is considered safe to use.

It’s supported by 94% of global browsers.

Browsers

ChromeDec 11, 2008v1.0.0
26%╱100%
100% of Chrome users are running a supported version.
SafariJun 8, 2009v4.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.
FirefoxNov 29, 2005v1.5.0
3%╱100%
100% of Firefox users are running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Dec 11, 2008 v1.0.0
26%╱100%
100% of Chrome users are running a supported version.
Dec 11, 2008 – Latest
v1.0.0+
26%╱100%

Full Support

Dec 11, 2008 – Latest
v1.0.0+
26%╱100%

Alternate name: :before

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

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

Alternate name: :before

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

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

Alternate name: :before

Firefox
Nov 29, 2005 v1.5.0
3%╱100%
100% of Firefox users are running a supported version.
Nov 29, 2005 – Latest
v1.5.0+
3%╱100%

Full Support

Before Firefox 57, Firefox had a bug where ::before pseudo-elements were still generated, even if the content property value were set to normal or none.

Before Firefox 3.5, only the CSS level 2 behavior of :before was supported, which disallowed position, float, list-style-* and some display properties.

Nov 9, 2004 – Latest
v1.0.0+
3%╱100%

Alternate name: :before

Firefox for Android
Mar 29, 2011 v4.0.0
Firefox for Android supports this feature.
Mar 29, 2011 – Latest
v4.0.0+

Full Support

Before Firefox 57, Firefox had a bug where ::before pseudo-elements were still generated, even if the content property value were set to normal or none.

Mar 29, 2011 – Latest
v4.0.0+

Alternate name: :before

Internet Explorer
Mar 14, 2011 v9.0.0
0%╱94%
There are no users of Internet Explorer running a supported version.
Mar 14, 2011 – Latest
v9.0.0+
0%╱94%

Full Support

Mar 19, 2009 – Latest
v8.0.0+
0%╱100%

Alternate name: :before

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

Full Support

Unknown
v5.0.0+

Alternate name: :before

Opera
Jan 28, 2003 v7.0.0
1%╱100%
100% of Opera users are running a supported version.
Jan 28, 2003 – Latest
v7.0.0+
1%╱100%

Full Support

Jun 28, 2000 – Latest
v4.0.0+
1%╱100%

Alternate name: :before

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

Full Support

Nov 9, 2010 – Latest
v10.1.0+

Alternate name: :before

Safari
Jun 8, 2009 v4.0.0
5%╱100%
100% of Safari users are running a supported version.
Jun 8, 2009 – Latest
v4.0.0+
5%╱100%

Full Support

Jun 8, 2009 – Latest
v4.0.0+
5%╱100%

Alternate name: :before

Safari on iOS
Jun 17, 2009 v3.0.0
17%╱100%
100% of Safari on iOS users are running a supported version.
Jun 17, 2009 – Latest
v3.0.0+
17%╱100%

Full Support

Jun 17, 2009 – Latest
v3.0.0+
17%╱100%

Alternate name: :before

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

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

Alternate name: :before

WebView Android
Sep 3, 2014 v37.0.0
WebView Android supports this feature.
Sep 3, 2014 – Latest
v37.0.0+

Full Support

Sep 3, 2014 – Latest
v37.0.0+

Alternate name: :before

See Also

Contribute