The <time> CSS data type represents a time value expressed in seconds or milliseconds. It is used in animation, transition, and related properties.
The <time> data type consists of a <number> followed by one of the units listed below. Optionally, it may be preceded by a single + or - sign. As with all dimensions, there is no space between the unit literal and the number.
Note: Although the number 0 is always the same regardless of unit, the unit may not be omitted. In other words, 0 is invalid and does not represent 0s or 0ms.
s0s, 1.5s, -60s.ms0ms, 150.25ms, -60000ms.Note: Conversion between s and ms follows the logical 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.
| Specification | Status | Comment |
|---|---|---|
| CSS Values and Units Module Level 3 The definition of '<time>' in that specification. | Candidate Recommendation | Normative definition of s and ms. |
| CSS Level 2 (Revision 1) The definition of '<time>' in that specification. | Recommendation | Informal definition of s and ms. |
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 62 | 4.0 (2.0) | 9.0 | 49 | (Yes) |
| Feature | Android Webview | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | 62 | 62 | ? | ? | 49 | (Yes) |
© 2005–2018 Mozilla Developer Network 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