files/en-us/web/css/reference/values/integer/index.md
The <integer> CSS data type is a special type of {{cssxref("number")}} that represents a positive or negative whole number. Integers can be used in numerous CSS properties and descriptors, such as the {{cssxref("column-count")}}, {{cssxref("counter-increment")}}, {{cssxref("grid-column")}}, {{cssxref("grid-row")}}, and {{cssxref("z-index")}} properties and the {{cssxref("@counter-style/range", "range")}} descriptor.
The <integer> data type consists of one or several decimal digits, 0 through 9 inclusive, optionally preceded by a single + or - sign. There is no unit associated with integers.
[!NOTE] There is no official range of valid
<integer>values, and the specifications do not specify a range.
When animated, values of the <integer> data type are {{Glossary("interpolation", "interpolated")}} using discrete, whole steps. The calculation is done as if they were real, floating-point numbers; the discrete value is obtained using the floor function. The speed of the interpolation is determined by the easing function associated with the animation.
12 Positive integer (without a leading + sign)
+123 Positive integer (with a leading + sign)
-456 Negative integer
0 Zero
+0 Zero, with a leading +
-0 Zero, with a leading -
12.0 This is a <number>, not an <integer>, though it represents an integer.
12. Decimal points are not allowed.
+---12 Only one leading +/- is allowed.
ten Letters are not allowed.
_5 Special characters are not allowed.
\35 Escaped Unicode characters are not allowed, even if they are an integer (here: 5).
\4E94 Non-arabic numerals are not allowed, even when escaped (here: the Japanese 5, 五).
3e4 Scientific notation is not allowed.
{{Specifications}}
{{Compat}}