Propiedades CSS para los textos

Dado que la web inicial era prácticamente una forma de comunicar textos, no es raro que la mayoría de las propiedades CSS sean relacionadas al formato de textos. En esta sección veremos solamente las propiedades más utilizadas.

Propiedades de las fuentes

Para las fuentes podemos especificar:

• font-family - Es el nombre de la familia, por defecto podemos usar nombres genéricos como "serif", "sans-serif", "cursive" o "monospace". También podemos utilizar nombres de fuentes como "Arial" o "Times New Roman", pero bajo la condición de que estén instaladas en las computadoras de los clientes. Tambien se pueden especificar varios nombres, así si uno no funciona, o no existe, el navegador intentará el siguiente.
• font-size - Es el tamaño de la fuente. La forma más común es de especificar su valor en "em" o "rem" para evitar problemas en diferentes dispositivos.
• font-style - El estilo que puede ser normal "normal", cursivas "italic" u oblicuas "oblique".
• font-weight - Es el grosor de la fuente, puede ser normal "normal", negrillas "bold", negras "bolder" o delgadas "light". Aunque también se puede especificar el número de grosor de la fuente que puede ser 100, 200, 300, ..., 900.

Propiedades de los textos

Para los textos, podemos especificar las siguientes propiedades:

• color - El color del texto
• line-height - La separación entre las líneas.
• letter-spacing - La separación entre letras.
• text-align - El alineado del texto, puede ser a la izquierda "left", a la derecha "right", al centro "center" o justificado "justify".
• text-transform - Para convertir todos los caracteres de un texto a mayúsculas "uppercase", a minúsculas "lowercase" o que la primera sea mayúscula y las demás minúsculas "capitalize".
• text-decoration - Para decorar el texto con una linea debajo "underline", una línea tachada "line-through" o una línea encima "overline".