Il valore di line-height senza unità in CSS

Il valore della proprietà line-height non deve necessariamente essere un numero con un'unità di misura. Puoi anche scrivere semplicemente un numero o una frazione. In questo caso, il valore effettivo line-height può essere trovato moltiplicandolo per il valore di font-size.

Ad esempio, se font-size è 10px, e line-height è 1.5, in questo caso il valore reale di line-height sarà 10px * 1.5 = 15px. Bene, e lo spazio bianco visibile tra le righe di testo sarà 5px: 15px - 10px = 5px.

Il vantaggio di impostare line-height in questo modo è che quando la dimensione del carattere cambia, automaticamente cambierà anche l'interlinea.

Vediamo l'applicazione di quanto descritto con un esempio:

<p>
	some long text
</p>

p {
	font-size: 20px;
	line-height: 1.5;
	text-align: justify;
	width: 400px;
}

Lascia che la dimensione del carattere per i paragrafi sia 30px. Imposta la proprietà line-height in modo che lo spazio bianco visibile tra i paragrafi sia uguale a 15px. Usa a questo scopo un valore di line-height senza unità.