calc() as CSS unit value
Method of allowing calculated values for length units, i.e. width: calc(100% - 3em)
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49 | |||||||||||||||||
56 | 9.3 | 4.4
See notes:
|
|||||||||||||||
14 | 52 | 57 | 10 | 10.0-10.2 | 4.4.3-4.4.4
See notes:
|
4 | |||||||||||
11 | 15 | 53 | 58 | 10.1 | 44 | 10.3 | all | 56 | 10 | 37 | 57 | 52 | 11 | 11.4 | 5 | 1.2 | 7.12 |
54 | 59 | TP | 45 | ||||||||||||||
55 | 60 | 46 | |||||||||||||||
56 | 61 |
Notes
Support can be somewhat emulated in older versions of IE using the non-standard expression()
syntax.
Due to the way browsers handle sub-pixel rounding differently, layouts using calc()
expressions may have unexpected results.
-
1
Partial support in Android Browser 4.4 refers to the browser lacking the ability to multiply and divide values.
-
2
Partial support in IE9 refers to the browser crashing when used as a
background-position
value.