<marquee>: Das Marquee-Element

Veraltet: Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser sie möglicherweise noch unterstützen, könnte sie bereits aus den relevanten Webstandards entfernt worden sein, in Kürze entfernt werden oder nur noch aus Kompatibilitätsgründen bestehen. Vermeiden Sie die Verwendung und aktualisieren Sie vorhandenen Code, falls möglich; siehe die Kompatibilitätstabelle am Ende dieser Seite, um Ihre Entscheidung zu unterstützen. Beachten Sie, dass diese Funktion jederzeit aufhören könnte zu funktionieren.

Das <marquee>-Element in HTML wird verwendet, um einen scrollenden Textbereich einzufügen. Sie können mit seinen Attributen steuern, was passiert, wenn der Text die Ränder seines Inhaltsbereichs erreicht.

Das HTML-Element <marquee> ist veraltet, und seine Verwendung wird dringend abgeraten. Wenn Sie den Effekt von scrollendem Text oder fortlaufenden Elementen erzeugen müssen, sollten Sie stattdessen CSS-Animationen mit CSS-Transformationen verwenden, um Inhalte glatt zu animieren. Darüber hinaus sollten Sie die CSS-@media-Abfrage prefers-reduced-motion einbeziehen, um die Animation basierend auf Benutzerpräferenzen zu stoppen und so die Benutzererfahrung sowie die Barrierefreiheit zu verbessern.

Attribute

behavior

Definiert, wie der Text in der Marquee gescrollt wird. Mögliche Werte sind scroll, slide und alternate. Wenn kein Wert angegeben wird, ist der Standardwert scroll.

bgcolor

Setzt die Hintergrundfarbe durch Farbnamen oder Hexadezimalwert.

direction

Legt die Scrollrichtung innerhalb der Marquee fest. Mögliche Werte sind left, right, up und down. Wenn kein Wert angegeben wird, ist der Standardwert left.

height

Legt die Höhe in Pixeln oder Prozentwert fest.

hspace

Legt den horizontalen Rand fest.

loop

Bestimmt, wie oft die Marquee scrollen wird. Wenn kein Wert angegeben wird, ist der Standardwert −1, was bedeutet, dass die Marquee kontinuierlich scrollt.

scrollamount

Setzt die Menge des Scrollens bei jedem Intervall in Pixeln. Der Standardwert ist 6.

scrolldelay

Legt das Intervall zwischen jeder Scrollbewegung in Millisekunden fest. Der Standardwert ist 85. Beachten Sie, dass jeder Wert unter 60 ignoriert wird und stattdessen der Wert 60 verwendet wird, es sei denn, truespeed ist angegeben.

truespeed

Standardmäßig werden scrolldelay-Werte unter 60 ignoriert. Wenn truespeed vorhanden ist, werden diese Werte nicht ignoriert.

vspace

Legt den vertikalen Rand in Pixeln oder Prozentwert fest.

width

Legt die Breite in Pixeln oder Prozentwert fest.

Beispiele

html
<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>
css
.outlined {
  border: solid;
}

Ergebnis

Technische Zusammenfassung

DOM-Schnittstelle [`HTMLMarqueeElement`](/de/docs/Web/API/HTMLMarqueeElement)

Spezifikationen

Specification
HTML
# the-marquee-element-2

Browser-Kompatibilität

Siehe auch