`<marquee>` HTML-Marquee-Element

Deprecated

Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.

Mehr erfahren
Vollständige Kompatibilität anzeigen

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 erzeugen müssen, sollten Sie stattdessen CSS-Animationen mit CSS-Transformationen verwenden, um Inhalte sanft zu animieren. Zusätzlich sollten Sie die prefers-reduced-motion CSS @media Abfrage verwenden, um basierend auf den Benutzereinstellungen die Animation zu stoppen, wodurch die Benutzererfahrung und Zugänglichkeit verbessert werden.

Attribute

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

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