Tag HTML <marquee>

Le tag <marquee> est utilisé pour créer une ligne courante sur le site. À l’aide de ce tag, on peut déplacer du texte ou des images horizontalement et verticalement.

Le tag <marquee> est obsolète, et W3Docs ne recommande pas son utilisation. En utilisant le tag, on peut avoir les problèmes avec la validation de code.

Syntaxe

Le tag <marquee> est un tag apparié, composé de deux parties: le tag ouvrant (<marquee>) et le tag fermant (</marquee>).

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
   <body>
      <marquee>Un texte défilant créé avec l'élément HTML Marquee.</marquee>
   </body>
</html>

Utilisez l'attribut direction de l'élément <marquee> pour changer la direction de texte/image. Voyons un autre exemple où le texte défile de haut en bas.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <marquee direction="down">Un texte défilant créé avec l'élément HTML Marquee.</marquee>
  </body>
</html>

Maintenant voyons un exemple d'utilisation de l'élément <marquee> pour définir une image défilante:

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</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>
Utilisez les propriétés CSS background-color pour styler l'élément <marquee>.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <style> 
      marquee {
        width: 100%;
        padding: 10px 0;
        background-color: lightblue;
      }
    </style>
    <marquee direction="scroll">Un texte défilant créé avec l'élément HTML Marquee et stylé avec les propriétés CSS.</marquee>
  </body>
</html>

Attributs

Attributs Valeur Description
behavior slide
alternate
scroll
Type de mouvement
slide - s'arrête, atteint le bord
alternate - change de direction pour atteindre le bord
scroll - apparaît sur le côté opposé
bgcolor rgb(x,x,x)
#xxxxxx
colorname
Couleur de fond
direction up
down
left
right
La direction de mouvement
height pixels
%
Hauteur de la zone de défilement
hspace pixels Marges horizontales autour du tag
loop number Le nombre de contenu défilant. Si cet attribut n'est pas spécifié, le contenu défilera en continu.
scrollamount number Vitesse de défilement. La taille est spécifiée en pixels. La valeur par défaut est 6.
scrolldelay seconds Le délai en millisecondes entre les mouvements. La valeur par défaut est 85. Les valeurs inférieures à 60 sont ignorées.
truespeed seconds Autorise les valeurs d'attribut scrolldelay à être inférieures à 60 millisecondes.
vspace pixels Indentation verticale.
width pixels
%
La largeur de la zone de défilement.

Le tag <marquee> supporte également les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <marquee> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <marquee>:

Coloration du texte dans le tag HTML <marquee>:

Styles de mise en page du texte pour la tag HTML <marquee>:

Autres propriétés utiles pour le tag HTML <marquee>:


Support de Navigateurs



Trouvez-vous cela utile?

Articles Associées