Тип CSS `<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, уровень 4 # time

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

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

См. также

<time-percentage>
Модуль значений и единиц CSS

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

Тип CSS <time>