La propiedad "text-decoration"

El editor de entradas de Blogger entre muchísimas mas cosas, no admite propiedades para dar efectos a nuestro texto, hoy veremos la propiedad "text-decoration".

Si aplicamos esta propiedad a una palabra o frase esto nos permite añadir distintos tipos de efectos que no podemos obtener mediante el editor de entradas de nuestro blog.

Los valores que podemos obtener con "text-decoration" son:

·none: ninguno

·underline: subrayado

·overline: sobrerayado

·line-through: tachado

·blink: parpadeo (No funciona en Internet Explorer)


Para aplicarlo tenemos que usar los siguientes códigos, poniendo el texto que queremos resaltar donde pone "NUESTRO TEXTO":

<span style="text-decoration: underline;">NUESTRO TEXTO</span>

<span style="text-decoration: overline;">NUESTRO TEXTO</span>

<span style="text-decoration: line-through;">NUESTRO TEXTO</span>

<span style="text-decoration: blink;">NUESTRO TEXTO</span>


Y el efecto obtenido es el siguiente:

Texto subrayado

Texto sobrerayado

Texto tachado

Texto en parpadeo
(El efecto parpadeo no funciona en I.Explorer ni en G.Crhome)