Lez.8 - Corso Intermedio Css

text-transform: uppercase;
text-transform: lowercase;
text-transform: capitalize;

Lettere Maiuscole e Minuscole la proprietà text-transform

Con i fogli di stile Css abbiamo la possibilità di trasformare il testo come meglio crediamo ed in particolare con la proprietà text-transform (trasformare testo) possiamo decidere di trasformare lettere da maiuscole a minuscole e viceversa.

Vediamo le varie applicazioni:

text-transform: uppercase; uppercase (upper superiore) trasforma tutto il testo in lettere maiuscole.

text-transform: lowercase; lowercase (minuscolo) trasforma tutto il testo in lettere minuscole.

text-transform: capitalize; capitalize (capitalizzare) va a prendere tutte le parole e si assicura che le lettere iniziali siano maiuscole, lasciando il resto del testo così come lo trova.

Il codice:
<!DOCTYPE html>
<html lang="it">                     
 <head>			    
  <title>Maiuscole e Minuscole text transform</title>
  <meta charset="utf-8">
  <style type="text/css">
	h2 {
              text-transform: uppercase;
	  }
	h3 {
              text-transform: lowercase;
	  }
	h4 {
              text-transform: capitalize;
	  }
  </style>
 </head>
 <body>			    
	<h1>Maiuscole e Minuscole con text transform</h1>
	<h2>Testo di ProVa</h2>
	<h3>Testo di ProVa</h3>
	<h4>Testo di ProVa</h4>
 </body>               
</html>