The <time>
CSS data type represents a time value expressed in seconds or milliseconds. It is used in animation
, transition
, and related properties.
Syntax
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
.
Units
s
- Represents a time in seconds. Examples:
0s
,1.5s
,-60s
. ms
- Represents a time in milliseconds. Examples:
0ms
,150.25ms
,-60000ms
.
Note: Conversion between s
and ms
follows the logical 1s
= 1000ms
.
Examples
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
Specification | Status | Comment |
---|---|---|
CSS Values and Units Module Level 4The definition of '<time>' in that specification. | Editor's Draft | |
CSS Values and Units Module Level 3The 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 .
|
Browser compatibility
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.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
<time> | Chrome
Full support 1 |
Edge
Full support 12 |
Firefox
Full support 4 |
IE
Full support 9 |
Opera
Full support 10.1 |
Safari
Full support 3.1 |
WebView Android
Full support 2 |
Chrome Android
Full support 18 |
Firefox Android
Full support 4 |
Opera Android
Full support 10.1 |
Safari iOS
Full support 2 |
Samsung Internet Android
Full support 1.0 |
Legend
- Full support
- Full support
<time> by Mozilla Contributors is licensed under CC-BY-SA 2.5.