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

CSS属性参考 | <time>

2016-05-09
麦子学院

CSS <time>数据类型代表一个时间维度。<time>数据类型的格式是一个<number>后面跟一个不区分大小写的时间单位:秒或毫秒。数值与时间单位之间不允许有空格。

时间单位可以是秒或毫秒:

  • s:代表秒,例如:0s,1.5s,-30s。
  • ms:代表毫秒,例如:0ms,50ms,-1000ms。

秒和毫秒之间的关系为:1s = 1000ms。

注意:CSS <length>数据类型允许在值为0时不带单位。如果一个时间值为0时,不允许省略时间单位,也就是说,在一个<time>中,值书写为0是不允许的,它不等于0s或0ms。

另外,某些CSS书写允许时间为负数,例如transition-delay属性。

示例代码

下面的时间取值都是有效的:

12s             正整数
-456ms       负整数
4.3ms         小数
14mS         时间单位不区分大小写
+0s            0秒,允许前导一个+号
-0ms          0秒,允许前导一个-号                         
                            

下面的时间取值都是错误的:

0             不带单位在时间的值中是不允许
12.0         这是一个数值,而不是时间,时间必须带单位
7 ms        数值和单位之间不允许有空格
                            
浏览器支持

支持CSS <time>数据类型的浏览器有:Chrome 11+, Firefox 4+, IE 9+, Opera 10.5+ 以及 Safari 3.2+。

相关阅读
Previous:
上一篇:CSS属性参考 | <timing-function>
Next:
下一篇:CSS属性参考 | border-top-left-radius

我要评论

返回顶部