Lez.10 - Corso Intermedio Css

LINE HEIGHT
Interlinea tra Righe: la proprietà line-height in un foglio di stile Css

La proprietà line-height

L'interlinea è lo spazio verticale tra due o più righe dello stesso paragrafo o dello stesso blocco di testo.

line-height (linea-altezza) è la proprietà che definisce lo spazio verticale tra due righe, i valori possono essere espressi in pixel, in em, in %.

I valori possono essere espressi anche con dei numeri senza unità di misura, e si intenderanno come dei moltiplicatori che vanno a moltiplicare l'altezza normale del testo.
Oltre ai valori suddetti vi sono i valori:

normal valore di default (predefinito)

inherit (ereditare) valore ereditato dal suo contenitore.

Il codice:
<!DOCTYPE html>
<html lang="it">                     
 <head>			    
  <title>LINE HEIGHT</title>
  <meta charset="utf-8">
  <style type="text/css">
	#biscotto {
		line-height: 2;
	}
  </style>
 </head>
 <body>			    
	<h1>Interlinea</h1>
	<p id="biscotto">Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. </p>
	<p>Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea. Testo per vedere come è in pratica un'interlinea.</p>
 </body>               
</html>