<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! (en-US)

Desktop
Mobile

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

参见

CSS Reference index

<number>

语法

插值

示例

规范

浏览器兼容性

参见