当前位置主页 > 资料库 > 前端教程 > CSS属性参考 | <number>

CSS属性参考 | <number>

04-09

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。

相关阅读
Previous:
上一篇:CSS属性参考 | <length>
Next:
下一篇:CSS属性参考 | background-repeat
返回顶部