diff options
Diffstat (limited to 'files/fr/web/html/element/marquee/index.md')
| -rw-r--r-- | files/fr/web/html/element/marquee/index.md | 179 |
1 files changed, 78 insertions, 101 deletions
diff --git a/files/fr/web/html/element/marquee/index.md b/files/fr/web/html/element/marquee/index.md index 63b7b29eb2..5250a307f8 100644 --- a/files/fr/web/html/element/marquee/index.md +++ b/files/fr/web/html/element/marquee/index.md @@ -10,116 +10,93 @@ tags: - Web translation_of: Web/HTML/Element/marquee --- -<div>{{HTMLRef}}{{non-standard_header}}{{obsolete_header}}</div> - -<p>L'élément HTML <strong><code><marquee></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><marquee></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><marquee></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><marquee></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><marquee></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><marquee></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"><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"> +{{HTMLRef}}{{non-standard_header}}{{obsolete_header}} + +L'élément HTML **`<marquee>`** est utilisé pour insérer une zone de texte défilant. + +## Attributs + +- {{htmlattrdef("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`. +- {{htmlattrdef("bgcolor")}} + - : Définit la couleur de fond en utilisant le nom de la couleur ou son code hexadécimal. +- {{htmlattrdef("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`. +- {{htmlattrdef("height")}} + - : Définit la hauteur en pixels ou en pourcentage. +- {{htmlattrdef("hspace")}} + - : Définit la marge horizontale. +- {{htmlattrdef("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. +- {{htmlattrdef("scrollamount")}} + - : Définit la quantité de défilement de chaque défilement en pixels. La valeur par défaut est `6`. +- {{htmlattrdef("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é. +- {{htmlattrdef("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. +- {{htmlattrdef("vspace")}} + - : Définit la marge verticale en pixel ou en pourcentage. +- {{htmlattrdef("width")}} + - : Définit la largeur en pixel en ou pourcentage. + +## Gestionnaire d’évènements + +- {{htmlattrdef("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`. +- {{htmlattrdef("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. +- {{htmlattrdef("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 + +```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></pre> + </marquee> +</marquee> +``` -<h3 id="Résultat">Résultat</h3> +### Résultat -<p>{{EmbedLiveSample("Exemples", 600, 450)}}</p> -<h2 id="Résumé_technique">Résumé technique</h2> +{{EmbedLiveSample("Exemples", 600, 450)}} + +## Résumé technique <table class="properties"> - <tbody> - <tr> - <th scope="row">Interface DOM</th> - <td>{{DOMxRef("HTMLMarqueeElement")}}</td> - </tr> - </tbody> + <tbody> + <tr> + <th scope="row">Interface DOM</th> + <td>{{DOMxRef("HTMLMarqueeElement")}}</td> + </tr> + </tbody> </table> +## Spécifications -<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', '<marquee>')}}</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', '<marquee>')}}</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> +| Spécification | État | Commentaires | +| ---------------------------------------------------------------------------------------------------------------- | -------------------------------- | ----------------------------------------------------------------------------------------------------------------- | +| {{SpecName('HTML WHATWG', 'obsolete.html#the-marquee-element-2', '<marquee>')}} | {{Spec2('HTML WHATWG')}} | Rendu obsolète afin d'être remplacé par CSS. Définition du comportement attendu à des fins de rétrocompatibilité. | +| {{SpecName('HTML5 W3C', 'obsolete.html#the-marquee-element-0', '<marquee>')}} | {{Spec2('HTML5 W3C')}} | Rendu obsolète afin d'être remplacé par CSS. Définition du comportement attendu à des fins de rétrocompatibilité. | -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<p>{{Compat("html.elements.marquee")}}</p> +{{Compat("html.elements.marquee")}} -<h2 id="Voir_aussi">Voir aussi</h2> +## Voir aussi -<ul> - <li>{{DOMxRef("HTMLMarqueeElement")}}</li> -</ul> +- {{DOMxRef("HTMLMarqueeElement")}} |