在此页

• 句法
• 范例
• 规范
• 浏览器兼容性
• 相关话题

<time-percentage> CSS data type represents a value that can be either a <time> 或 <percentage> .

句法

Refer to the documentation for <time> and <percentage> for details of the individual syntaxes allowed by this type.

范例

Use in calc()

Where a <time-percentage> is specified as an allowable type, this means that the percentage resolves to a time and therefore can be used in a calc() 表达式。

Valid percentages

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

Invalid percentages

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

Valid times

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
					

Invalid times

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 Values and Units Module Level 4 The definition of '<time-percentage>' in that specification.	编者草案
CSS Values and Units Module Level 3 The definition of '<time-percentage>' in that specification.	候选推荐	定义 <time-percentage> . Adds calc()

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
<time-percentage>	Chrome 完整支持 1	Edge 完整支持 12	Firefox 完整支持 4	IE 完整支持 9	Opera 完整支持 10.1	Safari 完整支持 3.1	WebView Android 完整支持 2	Chrome Android 完整支持 18	Firefox Android 完整支持 4	Opera Android 完整支持 10.1	Safari iOS 完整支持 2	Samsung Internet Android 完整支持 1.0

图例

完整支持

完整支持

元数据

• 最后修改： Aug 1, 2020

相关话题

1. CSS
2. CSS 参考
3. CSS Types
4. 特性

   1. <angle-percentage>
   2. <angle>
   3. <basic-shape>
   4. <blend-mode>
   5. <custom-ident>
   6. <dimension>
   7. <frequency-percentage>
   8. <frequency>
   9. <gradient>
   10. <image>
   11. <integer>
   12. <length-percentage>
   13. <length>
   14. <number>
   15. <percentage>
   16. <ratio>
   17. <resolution>
   18. <shape>
   19. <string>
   20. <time-percentage>
   21. <time>
   22. <transform-function>
   23. <url>
   24. color
   25. flex
   26. ident
   27. position