The <time-percentage> CSS data type represents a value that can be either a <time> or a <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() expression.


Specification Status Comment
CSS Values and Units Module Level 4
The definition of '<time-percentage>' in that specification.
Editor's Draft  
CSS Values and Units Module Level 3
The definition of '<time-percentage>' in that specification.
Candidate Recommendation Defines <time-percentage>. Adds calc()

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
<time-percentage>Chrome Full support YesEdge ? Firefox Full support 4IE Full support 9Opera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesEdge Mobile ? Firefox Android ? Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes


Full support  
Full support
Compatibility unknown  
Compatibility unknown

Document Tags and Contributors

Contributors to this page: mdnwebdocs-bot, mfuji09, chrisdavidmills, rachelandrew
Last updated by: mdnwebdocs-bot,