aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/html/element/marquee/index.md
blob: 83cbde9cd7e43d147901e5126a5b02536193713c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
---
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
---
{{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>
```

### Résultat

{{EmbedLiveSample("Exemples", 600, 450)}}

## Résumé technique

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

## Spécifications

| Spécification                                                                                                    | État                             | Commentaires                                                                                                      |
| ---------------------------------------------------------------------------------------------------------------- | -------------------------------- | ----------------------------------------------------------------------------------------------------------------- |
| {{SpecName('HTML WHATWG', 'obsolete.html#the-marquee-element-2', '&lt;marquee&gt;')}} | {{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', '&lt;marquee&gt;')}} | {{Spec2('HTML5 W3C')}}     | Rendu obsolète afin d'être remplacé par CSS. Définition du comportement attendu à des fins de rétrocompatibilité. |

## Compatibilité des navigateurs

{{Compat("html.elements.marquee")}}

## Voir aussi

- {{DOMxRef("HTMLMarqueeElement")}}