CSS - trasformazione del testo

Descrizione

La proprietà di trasformazione del testo modifica la maiuscola del testo all'interno di un elemento, oppure indica al programma utente di lasciare la maiuscola "così com'è".

Possibili valori

  • capitalize - La prima lettera di ogni parola nel testo dell'elemento deve essere in maiuscolo.

  • uppercase - Tutti i caratteri nel testo dell'elemento devono essere maiuscoli (lettere maiuscole).

  • lowercase - Tutti i caratteri nel testo dell'elemento devono essere minuscoli.

  • none - Le lettere maiuscole del testo dell'elemento non devono essere modificate.

Si applica a

Tutti gli elementi HTML.

Sintassi DOM

object.style.textTransform = "uppercase";

Esempio

Di seguito è riportato l'esempio che dimostra come impostare i casi per un testo utilizzando la proprietà di trasformazione del testo.

<html>
   <head>
   </head>

   <body>
      <p style = "text-transform:capitalize;">
         This will be capitalized
      </p>
      
      <p style = "text-transform:uppercase;">
         This will be in uppercase
      </p>
      
      <p style = "text-transform:lowercase;">
         This will be in lowercase
      </p>
   </body>
</html>

Questo produrrà il seguente risultato: