ms

Единица ms определяет время в миллисекундах. В одной секунде 1000 миллисекунд, поэтому 1000ms = 1s, а 100ms = 0.1s.

Пример

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ms</title> <style> a { text-decoration: none; /* Убираем подчёркивание */ position: relative; /* Относительное позиционирование */ color: red; /* Цвет ссылки */ } a::after { content: ''; /* Выводим линию под ссылкой */ position: absolute; /* Абсолютное позиционирование */ left: 0; bottom: -5px; /* Положение линии */ height: 1px; /* Высота линии */ width: 100%; /* Линия на всю ширину ссылки */ background: transparent; /* Прозрачный цвет */ transition: 300ms; /* Время появления линии */ } a:hover::after { bottom: 0; /* Положение линии */ background: blue; /* Цвет линии */ } </style> </head> <body> <p><a href="page/1.html">Чебурашка</a></p> <p><a href="page/2.html">Крокодил Гена</a></p> </body> </html>

В данном примере при наведении указателя на ссылки, под ними плавно, в течение заданного времени, появляется синяя линия.

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

Спецификация Статус
CSS Values and Units Module Level 4 Рабочий проект
CSS Values and Units Module Level 3 Возможная рекомендация
CSS Level 2 (Revision 1) Рекомендация

Браузеры

9 12 4 11.5 3.1 4
2.1 4 12 3.2

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

См. также