text-transform

L’ultima possibilità che più spesso userai sul testo è la trasformazione. Puoi cambiare la capitalizzazione del testo in diversi modi:

  • capitalize; trasforma le prime lettere di ogni parola in maiuscolo;

  • uppercase; trasforma tutti i caratteri in maiuscolo;

  • lowercase; trasforma tutti i caratteri in minuscolo;

  • none; nessuna capitalizzazione, riporta il testo come in originale.

A cosa serve tutto questo? Personalmente, tutti i testi che inserisco nell’HTML li lascio sempre “naturali”, anche se quel dato titolo deve essere poi riportato tutto in maiuscolo. Questo perché si tratta di testo che andrà indicizzato: a me non piace il testo tutto maiuscolo (nella netiquette, il maiuscolo equivale a gridare) e preferisco, quindi, di gran lunga modificarlo da CSS, lasciando così ai motori di ricerca l’indicizzazione del testo così com’è!

See the Pen oDJrc by Giovanni Buffa (@gioppy) on CodePen