Proprietà CSS line-height

Imposta l'altezza della linea per diversi elementi <div>:

div.a {
line-height: normal;
}

div.b {
line-height: 1.6;
}

div.c {
line-height: 80%;
}

div.d {
line-height: 200%;
}

Altri esempi "Provalo da solo" di seguito.

Definizione e utilizzo

La line-heightproprietà specifica l'altezza di una linea.

Nota: non sono ammessi valori negativi.

I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.

Property
line-height	1.0	4.0	1.0	1.0	7.0

line-height: normal|number|length|initial|inherit;

Value	Description	Play it
normal	A normal line height. This is default
number	A number that will be multiplied with the current font-size to set the line height
length	A fixed line height in px, pt, cm, etc.
%	A line height in percent of the current font size
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

Imposta l'altezza della linea in pixel e centimetri per diversi elementi <div>:

div.a {
  line-height: 10px;
}

div.b {
  line-height: 30px;
}

div.c {
  line-height: 0.5cm;
}

div.d {
line-height: 1cm;
}

Imposta l'altezza della linea come un numero per diversi elementi <div>:

div.a {
line-height: 0.5;
}

div.b {
line-height: 1.6;
}

div.c {
line-height: 2;
}

Tutorial CSS: testo CSS

Riferimento HTML DOM: proprietà lineHeight