Unidad 17. Estilos CSS Avanzados (IX)


17.9. Apariencia del texto

text-decoration establece si el texto llevará decoración o no. Principalmente la emplearemos para el subrayado. Esta propiedad es muy útil para modificar el estilo de los enlaces. Los valores que puede tomar esta propiedad son none, underline, overline, line-through, blink.

none, underline, overline, line-through, blink

El valor blink hace que el texto parpadee. Este valor sólo funciona en determinados navegadores (no en Internet Explorer).

 

Con la propiedad text-transform puedes indicar la transformación del texto (cambiar mayúsculas / minúsculas) de la siguiente forma. Capitalize cambia la primera letra de cada palabra a mayúsculas. Uppercase y lowercase cambian el texto a mayúsculas o minúsculas respectivamente.

Este texto tiene el valor capitalize, las primeras letras serán en mayúsculas, el resto se mostrará en minúsculas automáticamente

Este texto tiene el valor uppercase, aunque esté escrito en minúsculas se cambiará a mayúsculas

Este texto tiene el valor lowercase, aunque esté escrito en MAYÚSCULAS se cambiará a minúsculas

 

Por último veremos la propiedad color que establece el color del texto.

Esta propiedad puede tomar un valor hexadecimal (como vimos en el apartado de colores del tema 3).

De modo que simplemente haría falta especificar el color de este modo:

p { color: #060; }

Unos ejemplos serían los siguientes (aunque disponemos de más de 16 millones):

#060 #0F0 #039 #3C9 #6CF #0CC
#900 #990 #F93 #969 #CF3 #CF9

También existe la posibilidad de utilizar unas palabras reservadas para nombrar unos cuantos colores básicos.

El modo en el que se definiría el estilo sería el mismo:

p { color: red; }

Aunque en este caso en vez de introducir su equivalente hexadecimal, referenciaríamos directamente su nombre.

Puedes encontrar el listado de los nombres de color que puedes utilizar en el sitio de la W3C.

 

• Para practicar realiza el ejercicio paso a paso Controles de Fuente.


Marzo-2015
Pág. 17.9
Atrás Inicio Adelante






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook ,    G+            Sobre aulaClic            Política de Cookies


© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.