<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

浏览器兼容性

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

参见

文档标签和贡献者