Свойство text-decoration

La propiedad text-decoration añade varios efectos al texto: subrayado, tachado, línea superior.

Sintaxis

selector {
	text-decoration: underline | line-through | overline | none;
}

Valor	Descripción
`underline`	Hace texto subrayado.
`line-through`	Hace texto tachado.
`overline`	Hace una línea sobre el texto.
`none`	Elimina el subrayado de un elemento subrayado. Se usa más frecuentemente para enlaces, ya que están subrayados por defecto.

Valor por defecto: none. Para enlaces el valor por defecto es: 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 propiedad text-decoration-style,
que permite cambiar el tipo de línea
la propiedad text-decoration-color,
que permite cambiar el color de la línea
la propiedad text-decoration-line,
que permite cambiar la posición de la línea