The <number> CSS data type represents a number, being either an integer or a number with a fractional component.

12          A raw <integer> is also a <number>. 4.01        Positive fraction -456.8      Negative fraction 0.0         Zero +0.0        Zero, with a leading + -0.0        Zero, with a leading - .60         Fractional number without a leading zero 10e3        Scientific notation -3.4e-2     Complicated scientific notation 

<number>

The <number> CSS data type represents a number, being either an integer or a number with a fractional component.

Syntax

The syntax of <number> extends the syntax of <integer>. A fractional value is represented by a . followed by one or more decimal digits, and may be appended to an integer. There is no unit associated with numbers.

Interpolation

When animated, values of the <number> CSS data type are interpolated as real, floating-point numbers. The speed of the interpolation is determined by the timing function associated with the animation.

Examples

Valid numbers

12          A raw <integer> is also a <number>. 4.01        Positive fraction -456.8      Negative fraction 0.0         Zero +0.0        Zero, with a leading + -0.0        Zero, with a leading - .60         Fractional number without a leading zero 10e3        Scientific notation -3.4e-2     Complicated scientific notation 

Invalid numbers

12.         Decimal points must be followed by at least one digit. +-12.2      Only one leading +/- is allowed. 12.1.1      Only one decimal point is allowed. 

Specifications

Specification
CSS Values and Units Module Level 5 # numbers

See also

<integer>

Last modified: Nov 21, 2021, by MDN contributors

Select your preferred language English (US)DeutschEspañolFrançais日本語한국어Português (do Brasil)Русский中文 (简体) Change language