<number>

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

<number> CSS 数据类型表示一个数字,它可以是整数、带小数部分的数字或科学计数法中的十进制指数。

语法

<number> 的语法扩展了 <integer> 的语法。小数部分由一个 . 后面跟着一个或多个十进制数字表示,可以附加到整数后面。<number> 也可以以字母 eE 结尾,后面跟着一个整数,这表示科学计数法中的十进制指数。数字没有关联的单位。

与整数一样,数字的第一个字符可以紧跟在 - 或 + 之前,以指示数字的符号:数字是正数还是负数。

插值

当动画化时,<number> CSS 数据类型的值会作为实数、浮点数进行插值。插值的速度由与动画关联的缓动函数决定。

示例

有效数字

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

无效数字

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.

规范

规范
CSS 值和单位模块第 4 级
# numbers

浏览器兼容性

另见