Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
<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 letableau 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émentHTML<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 lesanimations CSS avec lestransformations CSS à la place des éléments<marquee> pour animer le contenu de façon fluide. Pensez également à inclure la requête@media CSSprefers-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é.
Dans cet article
Attributs
behaviorObsolèteDéfinit comment le texte defile à l'intérieur du
<marquee>. Les valeurs possibles sontscroll,slideetalternate. Si aucune valeur n'est définie, la valeur par défaut estscroll.bgcolorObsolèteDéfinit la couleur de fond en utilisant le nom de la couleur ou son code hexadécimal.
directionObsolèteDéfinit la direction du défilement dans le
<marquee>. Les valeurs possibles sontleft,right,upetdown. SI aucune valeur n'est définie, la valeur par défaut estleft.heightObsolèteDéfinit la hauteur en pixels ou en pourcentage.
hspaceObsolèteDéfinit la marge horizontale.
loopObsolèteDéfinit le nombre de fois que le marquee va faire défiler le texte. Si aucune valeur n'est définie, la valeur par défaut est -1, ce qui signifie que le marquee va défiler indéfiniment.
scrollamountObsolèteDéfinit la quantité de défilement de chaque défilement en pixels. La valeur par défaut est 6.
scrolldelayObsolèteDé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 que
truespeedne soit défini.truespeedObsolètePar défaut, les valeurs de
scrolldelayinférieures à 60 sont ignorées. Sitruespeedest présent, ces valeurs ne seront pas ignorées.vspaceObsolèteDéfinit la marge verticale en pixel ou en pourcentage.
widthObsolèteDéfinit la largeur en pixel en ou pourcentage.
Exemples
<marquee>ʕノ•ᴥ•ʔノ ︵ ┻━┻</marquee><marquee direction="up">Ce texte va défiler de bas en haut</marquee><marquee direction="down" width="250" height="200" behavior="alternate" > <marquee behavior="alternate">Ce texte va rebondir</marquee></marquee>.outlined { border: solid;}Résultat
Résumé technique
| Interface DOM | HTMLMarqueeElement |
|---|
Spécifications
| Specification |
|---|
| HTML> # the-marquee-element-2> |
Compatibilité des navigateurs
Voir aussi
- La propriété CSS
transform - La propriété CSS
translate - Le moduledes transformations CSS
- Le moduledes animations CSS
- L'interface API
HTMLMarqueeElement