X

Headline

This is an important message requiring you to make a choice if you're based in the EU.

HTML-Tag <marquee>

Das Tag <marquee> ist ein nicht dem Standard entsprechendes HTML-Tag, mit dem ein Lauftext oder ein Bild erstellt wurde. Es wurde verwendet, um den Text/Bild-Scroll horizontal über oder vertikal nach unten auf der Webseite zu bewegen.

Das Element <marquee> ist ein nicht dem Standard entsprechendes HTML-Element. Wenn Sie dieses Element verwenden, können Ihre Seiten oder Anwendungen beschädigt werden.

Syntax

Das Element <marquee> wird gepaart verwendet. Sein Inhalt wird in den Start- (<marquee>) und Endtags (</marquee>) eingeschlossen.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
   <body>
      <marquee>Ein Lauftext, der mit dem HTML-Element Marquee erstellt wurde.</marquee>
   </body>
</html>

Verwenden Sie das Attribut direction des Elements <marquee>, um die Richtung des Textes/Bildes zu ändern. Sehen Sie ein weiteres Beispiel, wo der Text von oben nach unten scrollt.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <marquee direction="down">Ein Lauftext, der mit dem HTML-Element Marquee erstellt wurde.</marquee>
  </body>
</html>

Lassen Sie uns nun ein Beispiel für die Verwendung des Elements <marquee> zum Einstellen eines scrollenden Bildes sehen:

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
     <marquee behavior="scroll" direction="up">
      <img src="/uploads/media/default/0001/01/0710cad7a1017902166203def268a0df2a5fd545.png" width="190" height="45" alt="W3docs" />
    </marquee>
  </body>
</html>

Verwenden Sie die CSS-Eigenschaften width und background-color, um das Element <marquee> zu stylen.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <style> 
      marquee {
        width: 100%;
        padding: 10px 0;
        background-color: lightblue;
      }
    </style>
    <marquee direction="scroll">Ein Lauftext, der mit dem HTML Marquee-Element erstellt und mit CSS-Eigenschaften gestaltet wurde.</marquee>
  </body>
</html>

Attributes

Die folgenden Attribute können verwendet werden, um das Erscheinungsbild von <marquee> anzupassen.

Attribut Wert Beschreibung
behavior scroll
slide
alternate
Es definiert den Scrolltyp.
bgcolor rgb(x,x,x)
#xxxxxx
colorname
Es wird verwendet, um eine Hintergrundfarbe zu geben.
direction up
down
left
right
Es legt die Richtung für den Scrollinhalt fest.
height pixels
%
Es definiert marquees Höhe.
hspace pixels Es definiert den horizontalen Raum um marquee herum.
loop number Es legt fest, wie oft der Inhalt gescrollt wird. Wenn wir das nicht definieren, wird der Inhalt für immer rollen.
scrollamount number Es definiert den Scrollingbetrag in jedem Intervall in Pixeln. Der Standardwert ist 6.
scrolldelay seconds Es legt fest, wie lange die Verzögerung zwischen den einzelnen Sprüngen sein wird. Der Standardwert ist 85 und kleinere Werte als 60 werden ignoriert.
truespeed seconds Wenn Sie dieses Attribut verwenden, können Sie Scroll unter 60 verzögern.
vspace pixels Es definiert den vertikalen Raum um marquee herum.
width pixels
%
Es definiert marquees Breite.

Das Tag <marquee> unterschtützt Globale Attribute und Globale Eventhandler.


Browser-Support



Finden Sie das nützlich?

Ähnliche Artikel