`<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 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 kontinuierlichen Elementen erstellen müssen, sollten Sie stattdessen CSS-Animationen mit CSS-Transformationen verwenden, um Inhalte geschmeidig zu animieren. Zusätzlich sollten Sie die CSS-Abfrage prefers-reduced-motion mit @media einbinden, um die Animation basierend auf den Benutzereinstellungen zu stoppen und dadurch die Benutzererfahrung und Barrierefreiheit 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 über den Farbnamen oder den hexadezimalen Wert fest.
direction: Bestimmt die Richtung des Scrollens innerhalb des Marquees. Mögliche Werte sind left, right, up und down. Wenn kein Wert angegeben ist, ist der Standardwert left.
height: Legt die Höhe in Pixeln oder Prozentwerten fest.
hspace: Bestimmt den horizontalen Rand.
loop: Legt fest, wie oft das Marquee scrollen wird. Wenn kein Wert angegeben ist, ist der Standardwert -1, was bedeutet, das Marquee wird ununterbrochen scrollen.
scrollamount: Bestimmt die Menge des Scrollens bei jedem Intervall in Pixeln. Der Standardwert ist 6.
scrolldelay: Bestimmt das Intervall zwischen jeder Scrollbewegung in Millisekunden. Der Standardwert ist 85. Beachten Sie, dass jeder Wert kleiner als 60 ignoriert wird und stattdessen der Wert 60 verwendet wird, es sei denn, truespeed ist angegeben.
truespeed: Standardmäßig werden scrolldelay-Werte kleiner als 60 ignoriert. Wenn truespeed vorhanden ist, werden diese Werte nicht ignoriert.
vspace: Bestimmt den vertikalen Rand in Pixeln oder Prozentwerten.
width: Legt die Breite in Pixeln oder Prozentwerten 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