W3cubDocs

/CSS

<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	Status	Comment
CSS Values and Units Module Level 3 The definition of '<number>' in that specification.	Candidate Recommendation	No significant change.
CSS Level 2 (Revision 1) The definition of '<number>' in that specification.	Recommendation	Explicit definition.
CSS Level 1 The definition of '<number>' in that specification.	Recommendation	Implicit definition.

Browser compatibility

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	1.0	1.0 (1.0)	5.0	(Yes)	1.0 (85)
Scientific notation	43.0	29	11	?	?

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)
Scientific notation	(Yes)	(Yes)	(Yes)	(Yes)	(Yes)