Тег <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 такие встречи буду более частыми, поскольку этот стандарт предлагает альтернативу мертвому тегу разметки.
