Gestire l’interlinea con i CSS: la proprietà line-height

Nel markup HTML non è possibile gestire in modo adeguato l’interlinea. Fortunatamente, grazie all’ausilio dei CSS, è possibile gestire correttamente ed in modo molto preciso l’interlinea.

L’interlinea è un elemento fondamentale per la leggibilità di un documento in quanto consente di gestire lo spazio tra le linee di testo. Più precisamente, l’interlinea corrisponde alla distanza tra la riga di base di una linea con quella sottostante.

La proprietà per la definizione dell’interlinea nei fogli di stile è line-height e, come suggerisce il suo nome, consente di definire in modo preciso l’altezza della linea di testo. Vediamo un esempio:

p {
  font-family: arial;
  font-size: 12px;
  line-height: 20px;
}

Ovviamente la dimensione di line-height deve essere superiore a quella impostata con font-size per il carattere.

La proprietà line-height accetta valori numerici senza unità di misura oppure espressi in pixel o in percentuale: per maggiori dettagli si faccia riferimento alle relative specifiche disponibili a questa pagina.