<number>

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.

<number> CSS 数据类型表示整数或者是带有小数部分的数字。

语法

<number> 的语法扩展了 <integer> 的语法。分数值由一个点 . 后跟一个或多个十进制数字表示，并且可以附加到整数上。数值没有关联单位。

差值

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

示例

有效数字

12          原始的 <integer> 也是 <number>。
4.01        正分数
-456.8      负分数
0.0         零
+0.0        带 + 号的零
-0.0        带 - 号的零
.60         不带零的小数
10e3        科学计数法
-3.4e-2     复杂的科学记数法

无效数字

12.         小数点后必须至少跟随一位数字。
+-12.2      只允许有一个前置的正负号 + 或 -。
12.1.1      只允许存在一个小数点。

规范

Specification
CSS Values and Units Module Level 4 # numbers

浏览器兼容性

BCD tables only load in the browser

参见

<integer>