Transformación de textos (text-transform)

Una de las propiedades de CSS más desconocidas y que puede ser de gran utilidad en algunas circunstancias es la propiedad text-transform, que puede variar de forma sustancial el aspecto del texto.

A continuación se definen los posibles valores para esta propiedad

1.- text-transform: none: Valor por defecto, muestra el texto como tal.

2.- text-transform: uppercase: transforma todo el texo en mayúsculas.

3.- text-transform: lowercase: transforma todo el texto en minúsculas.

4.- text-transform: capitalize: muestra la primera letra de cada palabra en mayúsculas.

La siguiente imagen muestra cada uno de los posibles valores:


REFERENCIA

CSS

SELECTORES

COLORES

BOX MODEL

FONDOS

POSICIONAMIENTO

VISUALIZACIÓN

TIPOGRAFÍA

TEXTO

ENLACES

IMÁGENES

LISTAS

TABLAS

FORMULARIOS

LAYOUT

Ejercicios

ANEXO