CSS y los textos (Parte 1)

Los textos poseen propiedades de estilo CSS específicas. Esta es una lista de esas propiedades.

font: style variant weight size line-height family

Es una forma abreviada de establecer varias propiedades simultaneamente.

font-family familia | familia genérica, [nombre]

Indica el nombre de la fuente o asignar múltiples fuente separadas por comas.
Los nombre con espacios intermedios (por ejemplo "New Century Schoolbook") deben ser escritos entre comillas dobles o simples.

font-size tamaño | porcentaje
font-size xx-small | x-small | small | medium | large | x-large | xx-large

Establece el tamaño de la fuente y el valor inicial es medium.
Las longitudes absolutas ("pt" / "in") deberían usarse racionalmente debido a su poca capacidad de adaptarse a diferentes ambientes de navegación (pueden ser muy pequeñas o muy grandes para un usuario).
En la pantalla, se sugiere un factor de 1.5 entre valores adyacentes, por ejemplo, si medium es 10pt, large debería ser 15pt.

font-style normal | italic | oblique

Establece el estilo de la fuente.

font-variant normal | small-caps

Determina si la fuente se muestra en mayúsculas tipo normal o pequeñas.

font-weight normal | bold | bolder | lighter
font-weight 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

Se usa para especificar el peso de la fuente.
Los valores bolder y lighter son relativos a la fuente original, mientras que los otros valores son pesos de fuente absolutos.
Ya que no todas las fuentes tienen nueve posibles pesos de visualización, algunos de los pesos pueden agruparse en la asignación.
Los valores 100 a 900 indican un ancho que es cada vez más oscuro. Un tipo normal se corresponde con el valor 400, bold con el valor 700.

text-decoration none | underline | overline | line-through | blink

Permite que el texto sea decorado mediante una propiedad donde los colores requeridos derivan de la propiedad color.

text-indent tamaño | porcentaje

Define la cantidad de sangría que debería aplicarse a la primera línea.

text-transform none | uppercase | lowercase | capitalize

Permite que el texto se transforme en mayúsculas, minúsculas o tenga en mayúsculas el primer carácter de cada palabra.

word-spacing normal | tamaño

Define una cantidad adicional de espacio entre palabras. El valor debe estar en formato de longitud y se permiten valores negativos.

letter-spacing normal | tamaño

Define una cantidad adicional de espacio entre caracteres en forma similar a word-spacing.

line-height normal | número | tamaño | porcentaje

Controla el espacio entre líneas base de textos.
Si el valor es un número, la altura de línea se calcula multiplicando el tamaño de fuente del elemento por el número.
Los valores en porcentaje son relativos al tamaño de fuente del elemento.
No se permiten los valores negativos.

text-align left | right | center | justify

Alineación del texto del elemento. Esta propiedad es similar en función al atributo ALIGN de HTML.

vertical-align baseline | sub | super | tamaño | porcentaje
vertical-align top | middle | bottom | text-top | text-bottom

Se utiliza para alterar la ubicación vertical de un elemento en relación a su elemento contenedor.
Por defecto es baseline y sólo afecta a los elementos internos.