<integer>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

<integer> CSS 数据类型是一种特殊的 <number> 类型,它表示一个整数。整数可用于许多 CSS 属性和描述符,例如 column-countcounter-incrementgrid-columngrid-rowz-index 属性和 range 描述符。

语法

<integer> 数据类型由一个或多个十进制数字(0 至 9 包括在内)组成,可选择在数字前添加一个 +- 符号。整数没有相关联的单位。

备注: 有效的 <integer> 值没有正式的范围,规范也没有指定范围。

插值

当使用动画时,插值法会使用离散的整数步来计算 <integer> 数据类型的值。计算方法与实数、浮点数相同;离散值使用 floor 函数获取。插值的速度由与动画关联的缓动函数决定。

示例

有效的 integer 值

12          正整数(没有前导 + 号)
+123        正整数(包含前导 + 号)
-456        负整数
0           零
+0          有前导 + 号的零
-0          有前导 - 号的零

无效的 integer 值

12.0        这是 <number> 值,而不是 <integer> 值,即使它代表了一个整数。
12.         不允许使用小数点。
+---12      只允许一个前导 +/-。
ten         不允许使用字母。
_5          不允许使用特殊字符。
\35         不允许使用转义 Unicode 字符,即使它们是整数(此处为 5)。
\4E94       不允许使用非阿拉伯数字,即使已转义(此处为日语的 5,五)。
3e4         不允许使用科学计数法。

规范

Specification
CSS Values and Units Module Level 4
# integers

浏览器兼容性

BCD tables only load in the browser

参见