Exemple
Réglez la décoration de texte pour <h1>, <h2>, et <h3> éléments:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
Essayez - le vous - même » Définition et utilisation
La propriété text-decoration spécifie la décoration ajoutée au texte.
Note: En CSS3, la propriété text-decoration est un raccourci pour text-decoration-line , text-decoration-color , et text-decoration de style , mais cela est actuellement pas pris en charge dans l' un des principaux navigateurs.
Note: En CSS3 , vous pouvez utiliser le text-decoration-color propriété pour changer la couleur de la décoration, sinon la couleur est la même que la couleur du texte.
| Valeur par défaut: | none |
|---|---|
| Hérité: | no |
| Animable: | no, see individual properties . Read about animatable |
| Version: | CSS1, renewed in CSS3 |
| Syntaxe JavaScript: | object .style.textDecoration="underline" Try it |
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| text-decoration | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
Syntaxe CSS
text-decoration: none|underline|overline|line-through|initial|inherit;propriété valeurs
| Valeur | La description | Joue-le |
|---|---|---|
| none | Définit un texte normal. Ceci est par défaut | Joue-le " |
| underline | Définit une ligne en dessous du texte | Joue-le " |
| overline | Définit une ligne au-dessus du texte | Joue-le " |
| line-through | Définit une ligne à travers le texte | Joue-le " |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial | Joue-le " |
| inherit | Hérite cette propriété de son élément parent. Lisez à propos de hériteront |
Pages associées
Tutoriel CSS: CSS texte
Référence HTML DOM: textDecoration property