<time>

Базовая реализация Широко доступна

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2015 года.

Тип данных <time> CSS данных представляет собой значение времени, выраженное в секундах или миллисекундах. Он используется в свойствах animation, transition и родственных им свойствах.

Синтаксис

Тип данных <time> состоит из <number>, за которым следует один из перечисленных ниже единиц. По желанию, перед ним может стоять один знак + или -. Как и со всеми размерами, нет пробела между числом и буквенным обозначением единицы.

Примечание: Хотя число 0 всегда одинаково независимо от единицы, единицу нельзя опустить. Другими словами, 0 неверно и не представляет 0s или 0ms.

Единицы

s: Представляет время в секундах. Примеры: 0s, 1.5s, -60s.
ms: Представляет время в миллисекундах. Примеры: 0ms, 150.25ms, -60000ms.

Примечание: Преобразование между s и ms следует логическому правилу 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.

Спецификации

Спецификация
CSS Values and Units Module Level 4 # time

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`time`	1	12	4	10.1	3.1	18	4	10.1	2	1.0	2

См. также

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