Тип данных 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 Полная поддержка ДаEdge Полная поддержка 12Firefox Полная поддержка 4IE Полная поддержка 9Opera Полная поддержка ДаSafari Полная поддержка ДаWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

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

Метки документа и участники

Внесли вклад в эту страницу: opereverzeva
Обновлялась последний раз: opereverzeva,