Attribut text-decoration CSS

Définition et utilisation

L'attribut text-decoration spécifie l'ornement à ajouter au texte.

Remarque :La couleur de l'ornement est définie par l'attribut "color".

Explication

Cette propriété permet d'appliquer un effet au texte, comme le soulignement. Si les éléments descendants n'ont pas de décoration propre, la décoration définie sur l'élément ancêtre se "propage" aux éléments descendants. Le support de blink par l'agent utilisateur n'est pas requis.

Voir également :

Tutoriel CSS :texte CSS

Manuel de référence HTML DOM :Attribut textDecoration

Exemple

Définir l'ornement de texte pour les éléments h1, h2, h3, h4 :

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

Essayez-le vous-même

Syntaxe CSS

text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;

Valeur de l'attribut

Valeur Description
text-decoration-line Définir le type d'ornement de texte à utiliser (comme soulignement, surbrillance, trait).
text-decoration-color Définir la couleur de l'ornement de texte.
text-decoration-style Définir le style de l'ornement de texte (tel que plein, ondulé, pointillé, traité, double).
text-decoration-thickness Définir l'épaisseur de la ligne d'ornement.
initial Réinitialisez cette propriété à sa valeur par défaut. Voir initial.
inherit Cette propriété hérite de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : aucune
Héritabilité : non
Version : CSS1
Syntaxe JavaScript : object.style.textDecoration="overline"

Plus d'exemples

Ornement de texte
Cet exemple montre comment ajouter des ornements au texte.

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5