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:

html<p>
  some long text
</p>

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

Результат: