Propriété text-decoration

La propriété text-decoration ajoute différents effets au texte : soulignement, barré, ligne au-dessus.

Syntaxe

sélecteur {
	text-decoration: underline | line-through | overline | none;
}

Valeur	Description
`underline`	Rend le texte souligné.
`line-through`	Rend le texte barré.
`overline`	Fait une ligne au-dessus du texte.
`none`	Supprime le soulignement de l'élément souligné. Est le plus souvent utilisé pour les liens, car ils sont soulignés par défaut.

Valeur par défaut : none. Pour les liens la valeur par défaut est : underline.

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration: underline;
}

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration: line-through;
}

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-decoration: overline;
}

la propriété text-decoration-style,
qui permet de modifier le type de ligne
la propriété text-decoration-color,
qui permet de modifier la couleur de la ligne
la propriété text-decoration-line,
qui permet de modifier la position de la ligne