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。