Come gestire l’interlinea in CSS

L’interlinea in CSS permette di migliorare la leggibilità e lo stile del testo in una pagina web.

Sin dai tempi delle macchine da scrivere l’interlinea è stato un parametro fondamentale per la gestione del testo. Non è altro che la distanza tra una linea e l’altra di testo.

La proprietà per definire l’interlinea in CSS è line-height. In genere viene aggiunta ai soliti parametri per lo stile e la grandezza dei font nei paragrafi. I parametri accettati dal line-height sono prevedono diverse unità di misura: %, px, em e numeri.

p {
   line-height: 10px;
}

Il valore predefinito nei browser è in genere 1.2. Tuttavia, non è sempre l’ideale poiché ogni font e ogni sua grandezza pretendono un valore personalizzato. L’importante è che non superi (ovviamente se entrambi sono nella stessa unità di misura) la grandezza del font con il parametro font-size.

p {
   font-size: 14px;
   line-height: 20px;
}