Vamos a hacer un recorrido por las propiedades que afectan al texto y su forma de modificarlas mediante estilos.

Color

El atributo de color puede aplicarse al texto, pero también a otros elementos de la página.

Propiedad: color

Valores y ejemplos: Para nombrar un color pueden utilizarse varios métodos:

• Los nombres reservados que aparecen en cada uno de los colores de la figura precedente utilizando color:maroon
• Combinación RGB (rojo, verde, azul) utilizando la notación color:rgb(150,23,220) donde indicamos los valores decimales de cada color.
• Combinación RGB (rojo, verde, azul) utilizando la notación color:rgb(75%,0%,47%) donde indicamos los valores porcentuales de cada color.
• Combinación RGB (rojo, verde, azul) utilizando la notación hexadecimal color:#a5376f donde los valores de cada color son representados por cada una de las tres parejas y precedidos por el signo #
• Combinación RGB (rojo, verde, azul) utilizando la notación hexadecimal color:#a53 donde los valores de cada color son representados por un único número o letra y precedidos por el signo # (sólo permite 4096 colores ya que completa los pares duplicando: el ejemplo anterior se mostraría como si hubiéramos definido color:#aa5533)

Espaciado de letra

Podemos especificar una cantidad para aumentar o disminuir el espaciado entre las letras de un texto.

Propiedad: letter-spacing

Valores: Se pueden expresar introduciendo un valor entero que indique la medida en pixels (px), puntos (pt), pulgadas (in), centímetros (cm), anchura de la letra eme (em) o altura de la letra equis mayúscula(ex). Se utiliza el punto como separador decimal en lugar de la coma. Para disminuir el espaciado se utilizan valores negativos

Espaciado de palabras

Podemos especificar una cantidad para aumentar o disminuir el espaciado entre las letras de un texto.

Propiedad: word-spacing

Valores: Se pueden expresar introduciendo un valor entero que indique la medida en pixels (px), puntos (pt), pulgadas (in), centímetros (cm), anchura de la letra eme (em) o altura de la letra equis (ex). Se utiliza el punto como separador decimal en lugar de la coma. Para disminuir el espaciado se utilizan valores negativos

Alineación

Propiedad: text-align

Valores: Nos permite introducir todos los valores de alineación soportados por el estándar HTML 4.0 mediante left, center right y justify.

Ejemplos: Todos los textos de este curso están diseñados con el atributo justify para evitar el efecto denominado de "banderas" o "gallardetes" provocado por la falta de ajuste del final o principio de renglón respecto al margen.

Decoración

Propiedad:text-decoration

Valores y ejemplos: Se especifican mediante las palabras reservadas none (ninguno), underline (subrayado), overline (superrayado), line-through (tachado). Aunque parezca un contrasentido uno de los más útiles puede ser el valor none al eliminar, por ejemplo, la decoración subrayada de los vínculos. También se puede utilizar el valor blink (parpadeante), pero prácticamente sólo es soportado por Netscape y Mozilla mientras que Internet Explorer 6, Konkeror 3.1.3 o incluso Galeón 1.3.9 que está basado en el mismo motor que Mozilla no lo soportan.

Sangría de primera línea

Propiedad: text-indent

Valores: Se pueden expresar introduciendo un valor entero que indique su medida en puntos (pt), pulgadas (in), centímetros (cm), píxels (px) o porcentaje(%)

Control de letra

Nos permite indicar si un elemento o fragmento se mostrará tal como se escribe o con alguna variación en las letras

Propiedad: text-transform

Valores: Aparte de none que es el valor por defecto, podemos usar capitalize que escribe todas las primeras letras en mayúsculas, uppercase que muestra todo el texto en mayúsculas y lowercase que lo presenta en minúsculas independientemente de cómo lo hayamos escrito

Ejemplos:

Este texto...		...se ve así
Aquí aplicamos capitalize		Aquí aplicamos capitalize
En este caso es uppercase		En este caso es uppercase
Y éste es Lowercase		Y éste es Lowercase

Interlineado

Propiedad: line-height

Valores: Se pueden expresar introduciendo un valor entero que indique su medida en puntos (pt), pulgadas (in), centímetros (cm), pixels (px) o porcentaje (%).

Pseudoelementos first-letter y first-line

Como ya habíamos mencionado existen un par de pseudoelementos que tienen que ver con el texto porque permiten modificar la primera letra o el primer renglón de un texto.

Su utilización sigue la sintaxis selector:pseudolemento {propiedad:valor} o bien selector.clase:pseudoelemento{propiedad:valor} o selector#id:pseudoelemento{propiedad:valor} si pretendemos aplicarlo a un selector con una clase o un identificador específico.

Ver ejemplo