La propiedad Text Decoration

Cada vez que implementamos un nuevo menú, galería,lista de enlaces, etc. a nuestro blog lo acompañamos con una hoja de estilos, el CSS, el que podemos definir a nuestro gusto cambiando colores, bordes, márgenes, fondo...Sin embargo, hay quienes no entienden muy bien las propiedades de la hoja para poder cambiarlos a su gusto. Es por ello que vamos a empezar a ver las diferentes propiedades CSS, indicando que valores se puede usar para cada uno y así sentirnos más cómodos al momento de personalizar nuestro CSS.

Hoy, empezando con estas lecciones de CSS, veremos la propiedad text-decoration que, tal como su nombre lo indica, es una propiedad propia de los textos.

❁ La propiedad text-decoration se usa para añadir (o quitar) efectos o decoración al texto. Esta decoración es generalmente mediante líneas.

FORMA DE AGREGAR

En la plantilla la aplicaremos de esta forma:

un elemento {
text-decoration: el valor;
}

Por ejemplo, si queremos darle algún estilo a los enlaces de un menú :

menu li a{
text-decoration:underline;
}

Debemos sustituir el valor por cualquiera de los cinco valores mencionados más abajo.

VALORES QUE PODEMOS USAR

Son cinco:

» none: si es que no queremos agregar decoración o si queremos quitarlo. Generalmente lo usaríamos para quitar el subrayado de los enlaces de esta forma:

a:active, a:visited { text-decoration: none }

» underline: para añadir un subrayado. Por ejemplo:

Texto subrayado

» overline: agrega una línea superior:

Este es un ejemplo

» line-through: para hacer un texto tachado.

Tachando el texto

» blink: agrega un parpadeo al texto. Esta propiedad no es visible en Internet Explorer.

Parpadeo

En futuros post iremos viendo otras propiedades.