Programmazione Web » Css » Trasformare l'aspetto del testo
Trasformare l'aspetto del testo
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net 
Questo tutorial è stato letto 1149 volte
Grazie alle proprietà dei css lowercase, uppercase e capitalize siamo in grado di trasformare l'aspetto delle nostre pagine web in pochi secondi!
Creiamo tre classi differenti capaci rispettivamente di rendere tutto il testo minuscolo, maiuscolo e con la prima lettera di ogni parola in maiuscolo.
Incolliamo queste tre righe in un file chiamato text_tranform.css
.minuscolo {text-transform: lowercase;}
.maiuscolo {text-transform: uppercase;}
.prima_maiuscola {text-transform: capitalize;}
e colleghiamo il foglio di stile alla nostra pagina così:
<link href="text_tranform.css" rel="stylesheet" type="text/css">
Adesso apllichiamo gli stili ai paragrafi:
<p class="minuscolo">testo tutto minuscolo </p>
<p class="maiuscolo">testo tutto maiuscolo </p>
<p class="prima_maiuscola">testo con la prima lettera di ogni parola in maiuscolo </p>
Aggiungi questo tutorial ai preferiti
