Наши волонтёры ещё не перевели данную статью на Русский. Присоединяйтесь к нам и помогите сделать эту работу!
Вы можете также прочитать эту статью на English (US).
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 4 The definition of '<time>' in that specification. |
Editor's Draft | |
| 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. |
Browser compatibility
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <time> | Chrome Full support Yes | Edge ? | Firefox Full support 4 | IE Full support 9 | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile ? | Firefox Android ? | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown