calc
Description
The calc function for CSS allows basic arithmetic to be performed on numerical values, using addition (+), subtraction (-), multiplication (*), division (/), and parentheses.
Syntax
CSS
calc()
Values
<calc()> =
calc(
<calc-sum>
)<calc-sum> =
<calc-product>
[ [ '+' | '-' ] <calc-product> ]*<calc-product> =
<calc-value>
[ [ '*' | '/' ] <calc-value> ]*<calc-value> =
<number> |
<dimension> |
<percentage> |
<calc-constant> |
( <calc-sum> )<number>
An integer or zero or more decimal digits followed by a dot (.) followed by one or more decimal digits. The first character may be preceded by a sign (- or +). The last character may be succeeded by an exponent (e or E) and an integer.
<dimension>
A number with a unit.
<percentage>
Specifies the percentage using a number followed by a percent sign (%).
<calc-constant> =
e |
pi |
infinity |
-infinity |
NaNe
The base of the natural logarithm, approximately equal to 2.7182818284590452354.
pi
The ratio of a circle's circumference to its diameter, approximately equal to 3.1415926535897932.
infinity
Positive infinity.
-infinity
Negative infinity.
NaN
Not a number.
*
Multiplication.
/
Division.
+
Addition.
-
Subtraction.
