propiedad tex decoration

Propiedad text-decoration

La 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
Ejemplos de uso
La propiedad text-decorationestablece 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 continuaen 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 empleaocasionalmente 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 nohagan 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 ipsumdolor 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 adipiscingelit. 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 ipsum faucibus pretium. Donec iaculis lorem eleifend mi tempor porttitor.

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

El color y el grosor de las líneas utilizadas en la decoración del texto no se pueden modificar. Todos los navegadores muestran las líneas con el mismo color que el de la letra del texto. En cuanto al grosor, algunos navegadores lo calculan automáticamente en función del tamaño de letra y otros navegadores muestran laslíneas siempre con un grosor de 1px:

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: 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: underline Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce ut leo eu ipsum faucibus pretium. Donec iaculis lorem eleifend mi tempor porttitor.

Si un elemento incluye en su interior textos de diferentes colores y tamaños, la línea empleada en su decoración no cambia ni de color ni de grosor, sino que se utilizan el color y grosor calculados para el elemento...