Синтаксис
<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>
Отображение в браузере:
Параметры CSS по умолчанию
marquee
display: inline-block;
overflow: hidden;
text-align: initial;
white-space: nowrap;
}
Поддержка браузера
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
<marquee> | Да | Да | Да | Да | Да |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.
Комментарии