<marquee> : l'élément de texte défilant

Obsolète: Cette fonctionnalité n'est plus recommandée. Même si certains navigateurs la prennent encore en charge, elle a peut-être déjà été supprimée des standards du web, est en passe d'être supprimée ou n'est conservée qu'à des fins de compatibilité. Évitez de l'utiliser et mettez à jour le code existant si possible ; consultez le tableau de compatibilité au bas de cette page pour vous aider à prendre votre décision. Sachez que cette fonctionnalité peut cesser de fonctionner à tout moment.

L'élément HTML <marquee> permet d'insérer une zone de texte défilant. Vous pouvez contrôler le comportement du texte lorsqu'il atteint les bords de sa zone de contenu grâce à ses attributs.

L'élément HTML <marquee> est obsolète et son utilisation est fortement déconseillée. Si vous devez créer un effet de texte défilant ou d'éléments continus, privilégiez les animations CSS avec les transformations CSS à la place des éléments <marquee> pour animer le contenu de façon fluide. Pensez également à inclure la requête @media CSS prefers-reduced-motion afin d'arrêter l'animation selon la préférence de l'utilisateur·ice, ce qui améliore l'expérience et l'accessibilité.

Attributs

behavior Obsolète: Définit comment le texte defile à l'intérieur du <marquee>. Les valeurs possibles sont scroll, slide et alternate. Si aucune valeur n'est spécifiée, la valeur par défaut est scroll.
bgcolor Obsolète: Définit la couleur de fond en utilisant le nom de la couleur ou son code hexadécimal.
direction Obsolète: Définit la direction du défilement dans le <marquee>. Les valeurs possibles sont left, right, up et down. SI aucune valeur n'est spécifiée, la valeur par défaut est left.
height Obsolète: Définit la hauteur en pixels ou en pourcentage.
hspace Obsolète: Définit la marge horizontale.
loop Obsolète: Définit le nombre de fois que le marquee va faire défiler le texte. Si aucune valeur n'est spécifiée, la valeur par défaut est -1, ce qui signifie que le marquee va défiler indéfiniment.
scrollamount Obsolète: Définit la quantité de défilement de chaque défilement en pixels. La valeur par défaut est 6.
scrolldelay Obsolète: Définit l'intervalle entre chaque défilement en millisecondes. La valeur par défaut est 85. Notez que toute valeur inférieure à 60 sera ignorée et 60 sera utilisé à la place, à moins quetruespeedne soit spécifié.
truespeed Obsolète: Par défaut, les valeurs de scrolldelay inférieures à 60 sont ignorées. Si truespeed est présent, ces valeurs ne seront pas ignorées.
vspace Obsolète: Définit la marge verticale en pixel ou en pourcentage.
width Obsolète: Définit la largeur en pixel en ou pourcentage.

Exemples

html

<marquee>ʕノ•ᴥ•ʔノ ︵ ┻━┻</marquee>

<marquee direction="up">Ce texte va défiler de bas en haut</marquee>

<marquee
  direction="down"
  width="250"
  height="200"
  behavior="alternate"
  class="outlined">
  <marquee behavior="alternate">Ce texte va rebondir</marquee>
</marquee>

css