MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

<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

参见

文档标签和贡献者

标签: 
 此页面的贡献者: Sebastianz, fscholz, fskuok
 最后编辑者: Sebastianz,