w3docs logo

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

chrome edge firefox safari opera
✓ ✓ ✓ ✓ ✓

Pratiquez vos connaissances

Quelles sont les attributs que vous pouvez utiliser avec la balise HTML <marquee>?
Trouvez-vous cela utile?