Propiedad text-decoration
La propiedad text-decoration
decora el texto mediante distintos elementos.
su definición es la siguiente:
text-decoration | decoración del texto |
---|---|
Valores | none | ( underline || overline || line-through || blink )| none |
Descripción | Establece la decoración del texto (subrayado, tachado, parpadeante, etc.) |
Valor inicial | none |
se aplica a | todos los elementos |
Veamos el significado de los distintos valores:
none
: Sin decoración. Es el valor por defecto. Se emplea normalmente para quitar el subrayado que los enlaces tienen por defecto.underline
: Subrayado del texto.overline
: Añade una línea en la parte superior del texto.line-through
: Muestra el texto tachado con una línea continua.blink
: Muestra el texto parpadeante. Este valor está en desuso, de manera que la mayoría de los navegadores ya no lo aceptan.
Excepto el valor none podemos poner varios valores en una misma propiedad. veamos algunos ejemplos:
<p style="text-decoration : underline">Propiedad text-decoration underline</p>
Propiedad text-decoration underline
Vemos el código en la línea superior, y el resultado del código en la inferior. El texto queda subrayado.
<p style="text-decoration : overline">Propiedad text-decoration overline</p>
Propiedad text-decoration overline
Vemos el código en la línea superior, y el resultado del código en la inferior. El texto queda con una línea por encima.
<p style="text-decoration : underline overline">Propiedad text-decoration underline overline</p>
Propiedad text-decoration underline overline
Vemos el código en la línea superior, y el resultado del código en la inferior. El texto queda con una línea por encima y otra por debajo, al haber usado los dos valores.