Тег <marquee>
Синтаксис
<marquee>...</marquee>
Описание
Тег <marquee> (от англ. marquee ‒ бегущая строка) cоздаёт горизонтальную и вертикальную анимацию текста на странице в виде бегущей строки.
Важно!
Тег <marquee> считается устаревшим, и мы не рекомендуем его использовать. Вместо него используйте CSS стили или JavaScript.
Атрибуты, которые можно использовать в теге <marquee>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.
Атрибуты
| Атрибут | Значение | Описание |
| behavior | slide alternate scroll |
Задаёт тип движения содержимого контейнера <marquee> |
| bgcolor | rgb(x,x,x) #xxxxxx название цвета |
Устанавливает цвет фона |
| direction | up down left right |
Указывает направление движения содержимого контейнера <marquee>. |
| height | px % |
Высота области прокрутки |
| hspace | px | Горизонтальные поля вокруг контента |
| loop | число | Задаёт, сколько раз будет прокручиваться содержимое |
| scrollamount | число | Скорость движения контента |
| scrolldelay | секунды | Величина задержки в миллисекундах между движениями |
| truespeed | секунды | Отменяет встроенный ограничитель скорости при низких значениях атрибута scrolldelay |
| vspace | px | Вертикальные поля вокруг содержимого |
| width | px % |
Ширина области прокрутки |
Пример
HTML-код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Тег marquee</title>
</head>
<body>
<marquee>Бегущая строка, созданная при помощи HTML тега marquee.</marquee>
</body>
</html>
Отображение в браузере:
Бегущая строка, созданная при помощи HTML тега marquee.
Параметры CSS по умолчанию
marquee {
display: inline-block;
overflow: hidden;
text-align: initial;
white-space: nowrap;
}
Поддержка браузера
|
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
| <marquee> | Да | Да | Да | Да | Да |
