`<marquee>` HTML 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> HTML-Element wird verwendet, um einen scrollenden Textbereich einzufügen. Sie können steuern, was passiert, wenn der Text die Ränder seines Inhaltsbereichs erreicht, indem Sie seine Attribute verwenden.

Das HTML <marquee>-Element ist veraltet, und seine Verwendung wird ausdrücklich nicht empfohlen. Wenn Sie den Effekt von scrollendem Text oder kontinuierlichen Elementen erzeugen müssen, sollten Sie stattdessen CSS-Animationen mit CSS-Transformationen verwenden, um Inhalte fließend zu animieren. Zudem schließen Sie die prefers-reduced-motion CSS-@media-Abfrage ein, um die Animation basierend auf den Benutzereinstellungen zu stoppen und somit die Benutzererfahrung und Zugänglichkeit zu verbessern.

Attribute

behavior: Legt fest, wie der Text innerhalb des Marquees gescrollt wird. Mögliche Werte sind scroll, slide und alternate. Wenn kein Wert angegeben ist, ist der Standardwert scroll.
bgcolor: Legt die Hintergrundfarbe durch Farbnamen oder hexadezimalen Wert fest.
direction: Legt die Richtung des Scrollens innerhalb des Marquees fest. Mögliche Werte sind left, right, up und down. Wenn kein Wert angegeben ist, ist der Standardwert left.
height: Legt die Höhe in Pixel oder Prozent fest.
hspace: Legt den horizontalen Rand fest.
loop: Legt fest, wie oft das Marquee scrollt. Wenn kein Wert angegeben ist, ist der Standardwert −1, was bedeutet, dass das Marquee kontinuierlich scrollt.
scrollamount: Legt die Menge des Scrollens bei jedem Intervall in Pixel fest. Der Standardwert ist 6.
scrolldelay: Legt das Intervall zwischen jeder Scrollbewegung in Millisekunden fest. Der Standardwert ist 85. Beachten Sie, dass Werte kleiner als 60 ignoriert werden und 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 Pixel oder Prozent fest.
width: Legt die Breite in Pixel oder Prozent 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