<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>-Element in HTML 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 fortlaufenden Elementen erzeugen müssen, sollten Sie stattdessen CSS-Animationen mit CSS-Transformationen verwenden, um Inhalte glatt zu animieren. Darüber hinaus sollten Sie die CSS-@media-Abfrage prefers-reduced-motion einbeziehen, um die Animation basierend auf Benutzerpräferenzen zu stoppen und so die Benutzererfahrung sowie die Barrierefreiheit zu verbessern.
Attribute
behaviorVeraltet-
Definiert, wie der Text in der Marquee gescrollt wird. Mögliche Werte sind
scroll,slideundalternate. Wenn kein Wert angegeben wird, ist der Standardwertscroll. bgcolorVeraltet-
Setzt die Hintergrundfarbe durch Farbnamen oder Hexadezimalwert.
directionVeraltet-
Legt die Scrollrichtung innerhalb der Marquee fest. Mögliche Werte sind
left,right,upunddown. Wenn kein Wert angegeben wird, ist der Standardwertleft. heightVeraltet-
Legt die Höhe in Pixeln oder Prozentwert fest.
hspaceVeraltet-
Legt den horizontalen Rand fest.
loopVeraltet-
Bestimmt, wie oft die Marquee scrollen wird. Wenn kein Wert angegeben wird, ist der Standardwert −1, was bedeutet, dass die Marquee kontinuierlich scrollt.
scrollamountVeraltet-
Setzt die Menge des Scrollens bei jedem Intervall in Pixeln. Der Standardwert ist 6.
scrolldelayVeraltet-
Legt das Intervall zwischen jeder Scrollbewegung in Millisekunden fest. Der Standardwert ist 85. Beachten Sie, dass jeder Wert unter 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
Loading…
Siehe auch
- CSS-
transform-Eigenschaft - CSS-
translate-Eigenschaft - CSS-Transformationen-Modul
- CSS-Animationen-Modul
HTMLMarqueeElement