Spec-Zone.ru › HTML

<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 65
1–65Реализует интерфейс HTMLDivElement.
7.2 1.2 18 65
4–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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API