<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

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
<integer>

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

参见