<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> 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-Element <marquee> ist veraltet und seine Verwendung wird stark abgeraten. Wenn Sie den Effekt eines scrollenden Textes oder kontinuierlicher Elemente erstellen müssen, erwägen Sie stattdessen die Verwendung von CSS-Animationen mit CSS-Transformierungen, um Inhalte nahtlos zu animieren. Zusätzlich sollten Sie die prefers-reduced-motion CSS @media Abfrage integrieren, um die Animation basierend auf den Benutzerpräferenzen zu stoppen und so die Benutzererfahrung und Zugänglichkeit zu verbessern.
Attribute
behaviorVeraltet-
Legt fest, wie der Text innerhalb des Marquees gescrollt wird. Mögliche Werte sind
scroll,slideundalternate. Wenn kein Wert angegeben ist, ist der Standardwertscroll. bgcolorVeraltet-
Legt die Hintergrundfarbe durch Farbnamen oder Hexadezimalwert fest.
directionVeraltet-
Legt die Richtung des Scrollens innerhalb des Marquees fest. Mögliche Werte sind
left,right,upunddown. Wenn kein Wert angegeben ist, ist der Standardwertleft. heightVeraltet-
Legt die Höhe in Pixel oder Prozentwert fest.
hspaceVeraltet-
Legt den horizontalen Rand fest.
loopVeraltet-
Legt fest, wie oft das Marquee scrollt. Wenn kein Wert angegeben ist, ist der Standardwert -1, was bedeutet, dass das Marquee kontinuierlich scrollt.
scrollamountVeraltet-
Legt die Scrollmenge bei jedem Intervall in Pixeln fest. Der Standardwert ist 6.
scrolldelayVeraltet-
Legt das Intervall zwischen jedem Scrollschritt 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,
truespeedist angegeben. truespeedVeraltet-
Standardmäßig werden
scrolldelay-Werte unter 60 ignoriert. Wenntruespeedvorhanden ist, werden diese Werte nicht ignoriert. vspaceVeraltet-
Legt den vertikalen Rand in Pixeln oder Prozentwert fest.
widthVeraltet-
Legt die Breite in Pixeln oder Prozentwert fest.
Beispiele
<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;
}
Ergebnis
Technische Zusammenfassung
| DOM-Schnittstelle | [`HTMLMarqueeElement`](/de/docs/Web/API/HTMLMarqueeElement) |
|---|
Spezifikationen
| Specification |
|---|
| HTML> # the-marquee-element-2> |
Browser-Kompatibilität
Siehe auch
- CSS
transformEigenschaft - CSS
translateEigenschaft - CSS-Transformierungen Modul
- CSS-Animationen Modul
HTMLMarqueeElement