CSS <number>数据类型代表一个数字,可以是整数或小数。它的语法扩展了<integer>的数据值。如果要表示一个小数,可以加上小数点“.”,并在其后一个或多个十进制数值。和<integer>类型相同,<number>没有任何单位,它不是一个CSS尺寸。
很多CSS属性的取值都是一个数值,有些数值后面还会跟<length>数据类型,例如100px。某些属性的取值仅仅为一个<integer>,例如z-index属性。
实数和整数只能使用十进制符号来表示,例如3/4在CSS中不是一个有效的数值。
<number>数据类型的值在CSS中可以用于动画过渡效果,这种情况下,它们的值是浮点实数,值的大小取决于动画的timing function。
示例代码
下面的数值都是合法的CSS数值:
12 整数
4.01 浮点数
-456.8 负的浮点数
0.0 零
+0.0 带正号的零
-0.0 带符号的零(尽管奇怪,但合法)
.60 点前的数字可以省略
10e3 科学计数法
-3.4e-2 科学计数法最复杂的情况
下面的数值是非法的CSS数值:
12. 点后需有数字
+-12.2 只能有一个符号
12.1.1 只能有一个点
浏览器支持
所有的浏览器都支持<number>数据类型,包括:Chrome, Firefox, Safari, Opera, IE以及Android 和 iOS。