Тип данных 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. |
Поддержка браузерами
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Компьютеры | Мобильные | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <time> | Chrome Полная поддержка Да | Edge Полная поддержка 12 | Firefox Полная поддержка 4 | IE Полная поддержка 9 | Opera Полная поддержка Да | Safari Полная поддержка Да | WebView Android Полная поддержка Да | Chrome Android Полная поддержка Да | Firefox Android Полная поддержка 4 | Opera Android Полная поддержка Да | Safari iOS Полная поддержка Да | Samsung Internet Android Полная поддержка Да |
Легенда
- Полная поддержка
- Полная поддержка
Метки документа и участники
Метки:
Внесли вклад в эту страницу:
opereverzeva
Обновлялась последний раз:
opereverzeva,