• Propiedades de texto
• Declarando longitudes
• Ejemplos

Propiedades de texto

Son propiedades que afectan a la presentación visual de caracteres, espacios, palabras y parrafos.

Las propiedades que podemos utilizar son las siguientes:

text-transform

Especifica, por medio de palabras reservadas, si las letras del texto deben transformarse en mayúsculas, minúsuculas, sólo la primera letra de cada palabra en mayúsculas, o si ha de dejarse como está. Se hereda.

uppercase | lowercase | capitalize | none

H1 {text-transform : uppercase}

En el ejemplo anterior todas las cabeceras de nivel 1 apareceran en mayúsculas.

vertical-align

Alineación vertical del texto en relación con la línea base del texto. No se hereda.

baseline | sub | super | top | text-top | middle | mottom | text-bottom | %

STRONG {vertical-align: sub}

text-align

Fija la alineación del bloque, al margen izquierdo, al derecho, centrado o a ambos. Se hereda.

left | right | center | justify

H1 {text-align: center}

En este caso todas las cabeceras de nivel 1 apareceran centradas.

text-indent

Fija la sangría o indentación de la primera línea del texto. Se hereda.

XX unidad | %, (Por defecto su valor es 0)

P {text-indent: 2em}

line-height

Indica la distancia entre dos lineas adyacentes. Se hereda.

normal | XX unidad | %

text-decoration

Fija una o más características "decorativas" del texto, como subrayado, lineas superiores, caracteres tachados o parpadeantes.

Si se aplica a un elemento de bloque la heredan sólo los descendientes que sean de texto (o en-linea). Si se aplica a uno de éstos la heredan todos los descendientes.

underline | overline | line-trough | blink | none

H1 {text-decoration: underline}

En el ejemplo anterior todas las cabeceras de nivel 1 apareceran subrayadas.

letter-spacing

Especifica el espaciado entre letras. En el caso de especificar una longitud esta se sumara a la normal. Se hereda.

normal | XX unidad

H1 { letter-spacing: 0.5pc}

word-spacing

Especifican el espaciado entre palabras. En el caso de especificar una longitud esta se sumara a la normal. Se hereda.

normal | XX unidad

H1 { word-spacing: 0.5pc}

 Declarando longitudes

En algunas de las propiedades tenemos que definir una longitud. En la sintaxis CSS esta se define con un signo opcional, un número y un identificador de unidad. Estos tres elementos van juntos y sin espacios entre ellos.

En la siguiente tabla se muestran los diferentes tipos de medidas que admiten las CSS:

Ademas al poner una longitud se puede especificar de forma absoluta o de forma relativa mediante la unidad em o utilizando porcentajes.

 Ejemplos

He creado una página con citas machistas y feministas para que sirva de ejemplo de como se pueden utilizar estas propiedades.