css text-transform

PHOTO EMBED

Fri May 05 2023 16:28:55 GMT+0000 (Coordinated Universal Time)

Saved by @jrg_300i

El atributo text-transform es una propiedad CSS que se utiliza para especificar la transformación de texto de un elemento de texto. Esta propiedad puede tomar varios valores, que se muestran a continuación:

none: Es el valor predeterminado, y especifica que no se debe aplicar ninguna transformación de texto.
capitalize: Especifica que la primera letra de cada palabra debe ser convertida a mayúscula.
uppercase: Especifica que todas las letras del texto deben ser convertidas a mayúscula.
lowercase: Especifica que todas las letras del texto deben ser convertidas a minúscula.
full-width: Especifica que todas las letras del texto deben ser convertidas a caracteres de ancho completo.
Aquí le muestro algunos ejemplos de cómo se pueden utilizar estos valores de text-transform en CSS:

ejemplos
/* Sin transformación de texto */
text-transform: none;

/* Primera letra de cada palabra en mayúscula */
text-transform: capitalize;

/* Todas las letras del texto en mayúscula */
text-transform: uppercase;

/* Todas las letras del texto en minúscula */
text-transform: lowercase;

/* Todas las letras del texto en caracteres de ancho completo */
text-transform: full-width;
content_copyCOPY