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 AGREGAREn 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 USARSon 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.
