<time>

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

<time> CSS 数据类型表示以秒或毫秒表示的时间值。它用于 animationtransition 和相关属性。

语法

<time> 数据类型由一个 <number> 后跟下面列出的其中一个单位组成。可选地,它前面可以带一个 +- 符号。与所有尺寸一样,单位字面量和数字之间没有空格。

注意:尽管数字 0 在任何单位下都相同,但单位不能省略。换句话说,0 是无效的,不表示 0s0ms

单位

s

表示以秒为单位的时间。示例:0s1.5s-60s

ms

表示以毫秒为单位的时间。示例:0ms150.25ms-60000ms

注意:sms 之间的转换遵循逻辑 1s = 1000ms

示例

有效时间

12s         Positive integer
-456ms      Negative integer
4.3ms       Non-integer
14mS        The unit is case-insensitive, although capital letters are not recommended.
+0s         Zero with a leading + and a unit
-0ms        Zero with a leading - and a unit

无效时间

0           Although unitless zero is allowed for <length>s, it's invalid for <time>s.
12.0        This is a <number>, not a <time>, because it's missing a unit.
7 ms        No space is allowed between the number and the unit.

规范

规范
CSS 值和单位模块第 4 级
# 时间

浏览器兼容性

另见