<number>

语法

<数字> CSS 数据类型代表一个数字，可为整数或小数。它的语法扩展了<integer>的数据值。要表示一个小数则加上小数部分 -- “."后跟一或多为十进制数字--到任何<integer>数据值。像<integer>数据类型一样，<number>没有任何单位，并不是一个CSS尺寸。

插值

 <number> CSS数据类型的值可以被插值，用于动画。这种情况下，它们的插值是浮点实数。插值的速度取决于动画的 timing function。

示例

合法值示例：

12          A raw <integer> is also a <number>
4.01        正非整 <数字>
-456.8      负非整 <数字>
0.0         零
+0.0        带正号的零
-0.0        带负号的零(尽管奇怪，但合法)
.60         点前的数字可以省略
10e3        科学计数法
-3.4e-2     科学计数法最复杂的情况

非法值示例:

12.         点后需有数字
+-12.2      只能有一个符号
12.1.1      只能有一个点

规范

规范 状态 注释
CSS Values and Units Module Level 3
<number>		 Candidate Recommendation 与CSS Level 2 (Revision 1)没有明显变化
CSS Level 2 (Revision 1)
<number>		 Recommendation Explicitly defined
CSS Level 1
<number>		 Recommendation Implicitly defined

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
basic 1.0 1.0 (1.0) <=5.0 yes 1.0 (85)
Scientific notation ? 29 11 ? ?
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support yes yes yes yes yes

参见