<time>

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

Синтаксис

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

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

Единицы

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

Примечание: Преобразование между s и ms следует из логики 1s = 1000ms.

Примеры

Валидное время

12s         Положительное целочисленные
-456ms      Отрицательное целочисленные
4.3ms       Нецелочисленное
14mS        Единица регистронечувствительна, однако, заглавные буквы не рекомендуются
+0s         Ноль с первоначальным + и единица измерения
-0ms        Ноль с первоначальным - и единица измерения

Невалидное время

0           Хотя ноль разрешен без единиц измерения для <length>, это невалидно для <time>.
12.0        Это <number>, а не <time>, так как пропущена единица измерения.
7 ms        Пробел между числом и единицей измерения не допускается.

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

Спецификация Статус Комментарий
CSS Values and Units Module Level 4
Определение '<time>' в этой спецификации.
Редакторский черновик  
CSS Values and Units Module Level 3
Определение '<time>' в этой спецификации.
Кандидат в рекомендации Нормативное определение s и ms.
CSS Level 2 (Revision 1)
Определение '<time>' в этой спецификации.
Рекомендация Неформальное определениеs и ms.

Поддержка браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
<time>Chrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 4IE Полная поддержка 9Opera Полная поддержка 10.1Safari Полная поддержка 3.1WebView Android Полная поддержка 2Chrome Android Полная поддержка 18Firefox Android Полная поддержка 4Opera Android Полная поддержка 10.1Safari iOS Полная поддержка 2Samsung Internet Android Полная поддержка 1.0

Легенда

Полная поддержка  
Полная поддержка