<time-percentage>

<time-percentage> CSS 数据类型表示可以是 <time> 或 <percentage> 的值。

语法

有关此类型允许的各个语法，请参阅 <time> 和 <percentage> 文档。

正式语法

<time-percentage> = 
  <time>        |
  <percentage>

示例

在 calc() 中使用

如果将 <time-percentage> 指定为允许的类型，则表示百分比将解析为时间，因此可以在 calc() 表达式中使用。

有效的百分比

50%
+50%        Optional plus sign
-50%        Negative percentages are not valid for all properties that accept percentages

无效的百分比

50 %        Space not allowed between the number and the percentage sign

有效的时间

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 # 混合百分比

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。