El valor inherit

a explicación de los valores permitidos para esta propiedad es compleja debido a su gran flexibilidad. Existen tres opciones diferentes para establecer el valor o valores de esta propiedad:

El valor none

Uno o más de los siguientes valores y en cualquier orden:

underlineoverlineline-throughblink

El valor inherit

Valor inicial none

Se aplica a Todos los elementos

Válida en medios visuales

Se hereda no

Definición en

el estándar w3.org/TR/CSS21/text.html#propdef-text-decoration

Ejemplos de uso

La propiedad text-decoration establece la decoración que se aplica al texto de un elemento. El estándar CSS 2.1 define los siguientes cinco tipos de decoraciones:

underline: se muestran subrayadas todas las líneas de texto.

overline: similar al valor underline, pero en este caso el subrayado se muestra en la parte superior de cada línea.

line-through: todas las líneas de texto se muestran tachadas mediante una línea continua en el medio de cada línea.

blink: el texto parpadea apareciendo y desapareciendo de forma alternativa.

none: el texto no muestra ninguna decoración, por lo que se eliminan todas las decoraciones que puede haber heredado el elemento.

En la práctica, los valores más utilizados son none para mostrar el texto sin adornos y underline para mostrar el texto subrayado. El valor line-through se emplea ocasionalmente para mostrar tachado un contenido erróneo o que ya no es válido. El valor overline apenas se utiliza, ya que su efecto es poco útil en la práctica. Por último, el valor blink nunca se emplea en los sitios web correctos, ya que suele molestar a la mayoría de usuarios y perjudica la accesibilidad del sitio web. De hecho, el propio estándar de CSS 2.1 aconseja que los navegadores no hagan parpadear el texto.

Los valores definidos por la propiedad text-decoration se pueden utilizar de forma individual y también de forma conjunta para crear efectos avanzados:

text-decoration: underline Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ut leo eu ipsum faucibus pretium. Donec iaculis lorem eleifend mi tempor porttitor.

text-decoration: overline Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ut leo eu ipsum faucibus pretium. Donec iaculis lorem eleifend mi tempor porttitor.

text-decoration: underline overline Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ut leo eu ipsum faucibus pretium. Donec iaculis lorem eleifend mi tempor porttitor.

text-decoration: blink Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ut leo eu ipsum faucibus pretium. Donec iaculis lorem eleifend mi tempor porttitor.

text-decoration: line-through Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ut leo eu

...