Son propiedades que afectan a la presentación visual de caracteres, espacios, palabras y parrafos.
- 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}
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:
Tutoriales
Declarando longitudes
