Proprietà text-transform

La proprietà text-transform imposta le maiuscole/minuscole del testo: maiuscolo (lettere maiuscole), minuscolo (lettere minuscole), può rendere maiuscola la prima lettera di ogni parola.

Sintassi

cssselettore {
  text-transform: capitalize | lowercase | uppercase | none;
}

Valori

Valore	Descrizione
`capitalize`	Il primo carattere di ogni parola nella frase sarà maiuscolo.
`lowercase`	Tutti i caratteri del testo vengono convertiti in minuscolo.
`uppercase`	Tutti i caratteri del testo vengono convertiti in MAIUSCOLO.
`none`	Non modifica le maiuscole/minuscole dei caratteri.

Valore predefinito: none.

Esempio . Valore capitalize

Ora la prima lettera di ogni parola diventerà maiuscola:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-transform: capitalize;
}

Результат:

Esempio . Valore uppercase

Ora tutti i caratteri diventeranno maiuscoli:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-transform: uppercase;
}

Результат:

Esempio . Valore lowercase

Ora tutti i caratteri diventeranno minuscoli (cioè piccoli, non maiuscoli):

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

cssp {
  text-transform: lowercase;
}

Результат: