W3cubDocs

/CSS

time-percentage

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

Syntax

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

Examples

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() expression.

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.

Specifications

Browser compatibilityUpdate compatibility data on GitHub

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

© 2005–2020 Mozilla and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/time-percentage