<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 Bereich mit Text 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 stark 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 fließend zu animieren. Außerdem sollten Sie die CSS-@media-Abfrage prefers-reduced-motion einbinden, um die Animation basierend auf den Benutzereinstellungen zu stoppen und so die Benutzerfreundlichkeit und Barrierefreiheit 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 im Marquee fest. Mögliche Werte sind
left,right,upunddown. Wenn kein Wert angegeben ist, ist der Standardwertleft. heightVeraltet-
Legt die Höhe in Pixeln oder Prozentwert fest.
hspaceVeraltet-
Legt den horizontalen Rand fest.
loopVeraltet-
Legt die Anzahl der Male fest, die das Marquee scrollen wird. Wenn kein Wert angegeben ist, ist der Standardwert −1, was bedeutet, dass das Marquee kontinuierlich scrollt.
scrollamountVeraltet-
Legt die Anzahl der Pixel fest, die pro Intervall gescrollt werden. Der Standardwert ist 6.
scrolldelayVeraltet-
Legt das Intervall zwischen jedem Bildlauf in Millisekunden fest. Der Standardwert ist 85. Beachten Sie, dass jeder Wert kleiner als 60 ignoriert wird und 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-
transform-Eigenschaft - CSS-
translate-Eigenschaft - CSS-Transformationen-Modul
- CSS-Animationen-Modul
HTMLMarqueeElement