<marquee> элемент HTML marquee
Устарело: Эта функция больше не рекомендуется. Хотя некоторые браузеры всё ещё могут её поддерживать, она могла быть уже исключена из соответствующих веб-стандартов, находиться в процессе удаления или сохраняться только для обеспечения совместимости. Избегайте её использования и по возможности обновите существующий код; чтобы принять решение, см. таблицу совместимости внизу этой страницы. Имейте в виду, что эта функция может перестать работать в любой момент.
Элемент <marquee> HTML используется для создания области с прокручиваемым текстом. С помощью его атрибутов можно управлять поведением текста при достижении краёв области содержимого.
Элемент HTML <marquee> устарел, и его использование настоятельно не рекомендуется. Если вам необходимо создать эффект прокручиваемого текста или непрерывно движущихся элементов, рассмотрите возможность использования CSS-анимаций с CSS-трансформациями вместо элементов <marquee>, чтобы обеспечить плавную анимацию содержимого. Кроме того, добавьте CSS-запрос prefers-reduced-motion @media, чтобы останавливать анимацию в соответствии с предпочтениями пользователя, повышая удобство и доступность.
Атрибуты
behavior-
Задаёт способ прокрутки текста в бегущей строке. Возможные значения:
scroll,slideиalternate. Если значение не указано, используется значение по умолчаниюscroll. bgcolor-
Задаёт цвет фона с помощью названия цвета или шестнадцатеричного значения.
direction-
Задаёт направление прокрутки в бегущей строке. Возможные значения:
left,right,upиdown. Если значение не указано, используется значение по умолчаниюleft. height-
Задаёт высоту в пикселях или процентах.
hspace-
Задаёт горизонтальный отступ
loop-
Задаёт количество прокруток бегущей строки. Если значение не указано, используется значение по умолчанию −1, означающее, что строка будет прокручиваться непрерывно.
scrollamount-
Задаёт расстояние прокрутки за каждый интервал в пикселях. Значение по умолчанию — 6.
scrolldelay-
Задаёт интервал между перемещениями при прокрутке в миллисекундах. Значение по умолчанию — 85. Обратите внимание: значения меньше 60 игнорируются, и вместо них используется значение 60, если не указан
truespeed. truespeed-
По умолчанию значения
scrolldelayменьше 60 игнорируются. Если указанtruespeed, такие значения не игнорируются. vspace-
Задаёт вертикальный отступ в пикселях или процентах.
width-
Задаёт ширину в пикселях или процентах.
Примеры
<marquee>This text will scroll from right to left</marquee> <marquee direction="up">This text will scroll from bottom to top</marquee> <marquee direction="down" width="250" height="200" behavior="alternate" class="outlined"> <marquee behavior="alternate">This text will bounce</marquee> </marquee>
.outlined {
border: solid;
}
Результат
Техническая сводка
| Интерфейс DOM | HTMLMarqueeElement |
|---|
Спецификации
| Спецификация |
|---|
| HTML> # the-marquee-element-2> |
Совместимость с браузерами
| Настольные | Мобильные | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
marquee |
1 | 12 |
651–65Реализует интерфейсHTMLDivElement. |
7.2 | 1.2 | 18 |
654–65Реализует интерфейсHTMLDivElement. |
10.1 | 1 | 1.0 | 4.4 | 1 |
behavior |
1 | 12 | 1 | 7.2 | 1.2 | 18 | 4 | 10.1 | 1 | 1.0 | 4.4 | 1 |
bgcolor |
1 | 12 | 1 | 7.2 | 1.2 | 18 | 4 | 10.1 | 1 | 1.0 | 4.4 | 1 |
direction |
1 | 12 | 1 | 7.2 | 1.2 | 18 | 4 | 10.1 | 1 | 1.0 | 4.4 | 1 |
height |
1 | 12 | 1 | 7.2 | 1.2 | 18 | 4 | 10.1 | 1 | 1.0 | 4.4 | 1 |
hspace |
1 | 12 | 3 | 15 | 1.2 | 18 | 4 | 14 | 1 | 1.0 | 4.4 | 1 |
loop |
1 | 12 | 3 | 15 | 1.2 | 18 | 4 | 14 | 1 | 1.0 | 4.4 | 1 |
scrollamount |
1 | 12 | 1 | 7.2 | 1.2 | 18 | 4 | 10.1 | 1 | 1.0 | 4.4 | 1 |
scrolldelay |
1 | 12 | 1 | 7.2 | 1.2 | 18 | 4 | 10.1 | 1 | 1.0 | 4.4 | 1 |
truespeed |
1 | 12 | 3 | 15 | 1.2 | 18 | 4 | 14 | 1 | 1.0 | 4.4 | 1 |
vspace |
1 | 12 | 3 | 15 | 1.2 | 18 | 4 | 14 | 1 | 1.0 | 4.4 | 1 |
width |
1 | 12 | 1 | 7.2 | 1.2 | 18 | 4 | 10.1 | 1 | 1.0 | 4.4 | 1 |
См. также
- Свойство CSS
transform - Свойство CSS
translate - Модуль CSS-трансформации
- Модуль CSS-анимации
HTMLMarqueeElement
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/marquee