Marquee умер, да здравствует marquee

Веб разработка - CSS

Тег <marquee> известен многим. Этот тег позволяет создавать на странице простейшую анимацию в виде плавного скроллинга текста. <marquee> появился в Internet Explorer и не является стандартным тегом, тем не менее, поддерживается большинством браузеров в целях совместимости. В наши дни W3C не рекомендует использовать <marquee>.

Однако не многие знают, что marquee обретает жизнь в новом лице.

Согласно этой спецификации (последняя редакция от 5 декабря имеет статус W3C Candidate Recommendation) в CSS 3 будет введен набор свойств для реализации механизма marquee.

overflow-style

Это свойство устанавливает стиль для известного всем свойства overflow. Принимает следующие значения:
auto — автоматический выбор
marquee-line — скролл по горизонтали;
marquee-block — скролл по вертикали.

marquee-style

Устанавливает стиль анимации. Принимает следующие значения: scroll, slide, alternate.

marquee-play-count

Устанавливает количество повторов для анимации текста. Может принимать значение «infinite».

marquee-direction

Устанавливает направление анимации. Принимает значения: forward или reverse.

marquee-speed

Устанавливает скорость анимации. Принимает значения: slow, normal или fast.

Пример определения стиля

li {
overflow-style: marquee-block;
marquee-play-count: infinite;
marquee-speed: slow;
marquee-style: scroll;
marquee-direction: reverse;
}

Заключение

Похороны <marquee> состоялись давно, но иногда его все еще можно встретить на некоторых страницах в интернет. С приходом CSS3 такие встречи буду более частыми, поскольку этот стандарт предлагает альтернативу мертвому тегу разметки.