calc()

Read More at MDN DocsView Spec

Safe to Use

calc() is considered safe to use.

It’s supported by 94% of global browsers.

Browsers

ChromeMar 26, 2013v26.0.0
26%╱100%
100% of Chrome users are running a supported version.
SafariOct 22, 2013v7.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.
FirefoxOct 9, 2012v16.0.0
3%╱100%
100% of Firefox users are running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Mar 26, 2013 v26.0.0
26%╱100%
100% of Chrome users are running a supported version.
Mar 26, 2013 – Latest
v26.0.0+
26%╱100%

Full Support

May 15, 2012 – Latest
v19.0.0+
26%╱100%

Implemented with the vendor prefix: -webkit-

Chrome Android
Jul 10, 2013 v28.0.0
36%╱100%
100% of Chrome Android users are running a supported version.
Jul 10, 2013 – Latest
v28.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
Oct 9, 2012 v16.0.0
3%╱100%
100% of Firefox users are running a supported version.
Oct 9, 2012 – Latest
v16.0.0+
3%╱100%

Full Support

Before Firefox 59 calc() is not supported in rgb() and other color functions.

Before Firefox 57 calc(1*2*3) is not parsed successfully.

Firefox 57 increased the number of places calc() could substitute another value. See bug 1350857.

Mar 22, 2011 – Apr 19, 2017
v4.0.0 – v53.0.0
0%╱2%

Implemented with the vendor prefix: -moz-

Firefox for Android
Oct 9, 2012 v16.0.0
Firefox for Android supports this feature.
Oct 9, 2012 – Latest
v16.0.0+

Full Support

Before Firefox 59 calc() is not supported in rgb() and other color functions.

Before Firefox 57 calc(1*2*3) is not parsed successfully.

Firefox 57 increased the number of places calc() could substitute another value. See bug 1350857.

Mar 29, 2011 – Apr 19, 2017
v4.0.0 – v53.0.0

Implemented with the vendor prefix: -moz-

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

 
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
Oct 22, 2013 v7.0.0
5%╱100%
100% of Safari users are running a supported version.
Oct 22, 2013 – Latest
v7.0.0+
5%╱100%

Full Support

Jul 25, 2012 – Latest
v6.0.0+
5%╱100%

Implemented with the vendor prefix: -webkit-

Safari on iOS
Sep 18, 2013 v7.0.0
17%╱100%
There are no users of Safari on iOS running a supported version.
Sep 18, 2013 – Latest
v7.0.0+
17%╱100%

Full Support

Sep 10, 2012 – Latest
v6.0.0+
17%╱100%

Implemented with the vendor prefix: -webkit-

Samsung Internet
Sep 25, 2013 v1.5.0
2%╱100%
100% of Samsung Internet users are running a supported version.
Sep 25, 2013 – Latest
v1.5.0+
2%╱100%

Full Support

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+

Implemented with the vendor prefix: -webkit-

See Also

Contribute