---
title: '<marquee> : l''élément de fronton (obsolète)'
slug: Web/HTML/Element/marquee
tags:
  - Element
  - HTML
  - Non-standard
  - Obsolete
  - Reference
  - Web
translation_of: Web/HTML/Element/marquee
---
<div>{{HTMLRef}}{{non-standard_header}}{{obsolete_header}}</div>

<p>L'élément HTML <strong><code>&lt;marquee&gt;</code></strong> est utilisé pour insérer une zone de texte défilant.</p>

<h2 id="Attributs">Attributs</h2>

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

<h2 id="Gestionnaire_d’évènements">Gestionnaire d’évènements</h2>

<dl>
 <dt>{{htmlattrdef("onbounce")}}</dt>
 <dd>Se déclenche quand le <code>&lt;marquee&gt;</code> arrive à la fin de son défilement. Il peut seulement se déclencher quand <code>behavior</code> est mis à <code>alternate</code>.</dd>
 <dt>{{htmlattrdef("onfinish")}}</dt>
 <dd>Se déclenche quand le <code>&lt;marquee&gt;</code> arrive à la fin de tous ses défilements tels que définis par l'attribut <code>loop</code>. Il peut seulement se déclencher quand le nombre de défilements est supérieur à 0.</dd>
 <dt>{{htmlattrdef("onstart")}}</dt>
 <dd>Se déclenche quand le <code>&lt;marquee&gt;</code> commence à défiler.</dd>
</dl>

<h2 id="Méthodes">Méthodes</h2>

<dl>
 <dt><code>start()</code></dt>
 <dd>Commence à faire défiler le marquee.</dd>
 <dt><code>stop()</code></dt>
 <dd>Arrête de faire défiler le marquee.</dd>
</dl>

<h2 id="Exemples">Exemples</h2>

<h3 id="HTML">HTML</h3>

<pre class="brush: html">&lt;marquee&gt;ʕノ•ᴥ•ʔノ ︵ ┻━┻&lt;/marquee&gt;

&lt;marquee direction="up"&gt;Ce texte va défiler de bas en haut&lt;/marquee&gt;

&lt;marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid"&gt;
  &lt;marquee behavior="alternate"&gt;
    Ce texte va rebondir
  &lt;/marquee&gt;
&lt;/marquee&gt;</pre>

<h3 id="Résultat">Résultat</h3>

<p>{{EmbedLiveSample("Exemples", 600, 450)}}</p>
<h2 id="Résumé_technique">Résumé technique</h2>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row">Interface DOM</th>
   <td>{{DOMxRef("HTMLMarqueeElement")}}</td>
  </tr>
 </tbody>
</table>


<h2 id="Spécifications">Spécifications</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spécification</th>
   <th scope="col">État</th>
   <th scope="col">Commentaires</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'obsolete.html#the-marquee-element-2', '&lt;marquee&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Rendu obsolète afin d'être remplacé par CSS. Définition du comportement attendu à des fins de rétrocompatibilité.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'obsolete.html#the-marquee-element-0', '&lt;marquee&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>Rendu obsolète afin d'être remplacé par CSS. Définition du comportement attendu à des fins de rétrocompatibilité.</td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>

<div class="hidden">Ce tableau de compatibilité a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une <em>pull request</em> sur <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a>.</div>

<p>{{Compat("html.elements.marquee")}}</p>

<h2 id="Voir_aussi">Voir aussi</h2>

<ul>
 <li>{{DOMxRef("HTMLMarqueeElement")}}</li>
</ul>