CSS: altezza della riga

Descrizione

La proprietà line-height modifica l'altezza delle caselle inline che costituiscono una riga di testo.

Possibili valori

  • normal - Indica al browser di impostare l'altezza delle linee nell'elemento su una distanza "ragionevole".

  • number - L'altezza effettiva delle linee nell'elemento è questo valore moltiplicato per la dimensione del carattere dell'elemento.

  • length - L'altezza delle linee nell'elemento è il valore dato.

  • percentage - L'altezza delle linee nell'elemento viene calcolata come percentuale della dimensione del carattere dell'elemento.

Si applica a

Tutti gli elementi HTML.

Sintassi DOM

object.style.lineHeight = "15px;"

Esempio

Di seguito è riportato l'esempio:

<html>
   <head>
   </head>

   <body>
      <p style = "line-height:180%">
         This text is having bigger line height. Line 1
         This text is having bigger line height. Line 2
      </p>
   </body>
</html>

Questo produrrà il seguente risultato: