Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Obsolète
Cette fonctionnalité est obsolète. Bien qu'encore supportée par des navigateurs, son utilisation est découragée pour tout nouveau projet. Évitez de l'utiliser.

L'élément HTML <marquee> est utilisé pour insérer une zone de texte défilant.

Interface DOM HTMLMarqueeElement

Attributs

behavior
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
Définit la couleur de fond en utilisant le nom de la couleur ou son code hexadécimal.
direction
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
Définit la hauteur en pixels ou en pourcentage.
hspace
Définit la marge horizontale.
loop
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
Définit la quantité de défilement de chaque défilement en pixels. La valeur par défaut est 6.
scrolldelay
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 que truespeed ne soit spécifié.
truespeed
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
Définit la marge verticale en pixel ou en pourcentage.
width
Définit la largeur en pixel en ou pourcentage.

Gestionnaire d’évènements

onbounce
Se déclenche quand le <marquee> arrive à la fin de son défilement. Il peut seulement se déclencher quand behavior est mis à alternate.
onfinish
Se déclenche quand le <marquee> arrive à la fin de tous ses défilements tels que définis par l'attribut loop. Il peut seulement se déclencher quand le nombre de défilements est supérieur à 0.
onstart
Se déclenche quand le <marquee> commence à défiler.

Méthodes

start()
Commence à faire défiler le marquee.
stop()
Arrête de faire défiler le marquee.

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" style="border:solid">
  <marquee behavior="alternate">
    Ce texte va rebondir
  </marquee>
</marquee>

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de '<marquee>' dans cette spécification.
Standard évolutif Rendu obsolète afin d'être remplacé par CSS. Définition du comportement attendu à des fins de rétrocompatibilité.
HTML5
La définition de '<marquee>' dans cette spécification.
Recommendation Rendu obsolète afin d'être remplacé par CSS. Définition du comportement attendu à des fins de rétrocompatibilité.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simple
Obsolète
Chrome Support complet 1Edge Support complet OuiFirefox Support partiel 1
Notes
Support partiel 1
Notes
Notes Implements the HTMLDivElement interface.
IE Support complet 2Opera Support complet 7.2Safari Support complet 1.2WebView Android Support complet 1Chrome Android Support complet 18Edge Mobile Support complet OuiFirefox Android Support partiel 4
Notes
Support partiel 4
Notes
Notes Implements the HTMLDivElement interface.
Opera Android Support complet 10.1Safari iOS Support complet OuiSamsung Internet Android ?
behavior
Obsolète
Chrome Support complet 1Edge Support complet OuiFirefox Support complet 1IE Support complet 2Opera Support complet 7.2Safari Support complet 1.2WebView Android Support complet 1Chrome Android Support complet 18Edge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet OuiSamsung Internet Android ?
bgcolor
Obsolète
Chrome Support complet 1Edge Support complet OuiFirefox Support complet 1IE Support complet 2Opera Support complet 7.2Safari Support complet 1.2WebView Android Support complet 1Chrome Android Support complet 18Edge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet OuiSamsung Internet Android ?
direction
Obsolète
Chrome Support complet 1Edge Support complet OuiFirefox Support complet 1IE Support complet 2Opera Support complet 7.2Safari Support complet 1.2WebView Android Support complet 1Chrome Android Support complet 18Edge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet OuiSamsung Internet Android ?
height
Obsolète
Chrome Support complet 1Edge Support complet OuiFirefox Support complet 1IE Support complet 2Opera Support complet 7.2Safari Support complet 1.2WebView Android Support complet 1Chrome Android Support complet 18Edge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet OuiSamsung Internet Android ?
hspace
Obsolète
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 3IE ? Opera Support complet OuiSafari ? WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS ? Samsung Internet Android ?
loop
Obsolète
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 3IE ? Opera Support complet OuiSafari ? WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS ? Samsung Internet Android ?
scrollamount
Obsolète
Chrome Support complet 1Edge Support complet OuiFirefox Support complet 1IE Support complet 2Opera Support complet 7.2Safari Support complet 1.2WebView Android Support complet 1Chrome Android Support complet 18Edge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet OuiSamsung Internet Android ?
scrolldelay
Obsolète
Chrome Support complet 1Edge Support complet OuiFirefox Support complet 1IE Support complet 2Opera Support complet 7.2Safari Support complet 1.2WebView Android Support complet 1Chrome Android Support complet 18Edge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet OuiSamsung Internet Android ?
truespeed
Obsolète
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 3IE Support complet 4Opera Support complet OuiSafari Aucun support NonWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Aucun support NonSamsung Internet Android Aucun support Non
vspace
Obsolète
Chrome Support complet OuiEdge Support complet OuiFirefox Support complet 3IE ? Opera Support complet OuiSafari ? WebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS ? Samsung Internet Android ?
width
Obsolète
Chrome Support complet 1Edge Support complet OuiFirefox Support complet 1IE Support complet 2Opera Support complet 7.2Safari Support complet 1.2WebView Android Support complet 1Chrome Android Support complet 18Edge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet OuiSamsung Internet Android ?

Légende

Support complet  
Support complet
Support partiel  
Support partiel
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
Voir les notes d'implémentation.
Voir les notes d'implémentation.

Voir aussi

Étiquettes et contributeurs liés au document

Contributeurs à cette page : SphinxKnight, jilljenn, tregagnon, RaphaelGoetter, mistyrouge
Dernière mise à jour par : SphinxKnight,