Esempio
Impostare l'altezza della linea in percentuale:
p.small {
line-height: 90%;
}
p.big {
line-height: 200%;
}
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e utilizzo
La proprietà line-height specifica l'altezza della linea.
Note: I valori negativi non sono ammessi.
| Valore di default: | normal |
|---|---|
| Inherited: | yes |
| animatable: | yes. Read about animatable Try it |
| Versione: | CSS1 |
| sintassi JavaScript: | object .style.lineHeight="30px" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS Sintassi
line-height: normal|number|length|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| normal | Un normale altezza della linea. Questa è l'impostazione predefinita | Gioca " |
| number | Un numero che verrà moltiplicato per la dimensione del carattere corrente per impostare l'altezza della linea | Gioca " |
| length | Una altezza della linea fissa in px, pt, cm, etc. | Gioca " |
| % | Una riga, espressa in percentuale della dimensione del carattere corrente | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Altri esempi
Esempio
Specifica lo spazio tra le linee in due punti utilizzando un valore di pixel.
p.small {
line-height: 10px;
}
p.big {
line-height: 30px;
} Prova tu stesso " Esempio
Specifica lo spazio tra le linee in due punti utilizzando un valore numerico.
p.small {
line-height: 0.5;
}
p.big {
line-height: 2;
} Prova tu stesso " Pagine correlate
Tutorial CSS: CSS Testo
Di riferimento HTML DOM: lineHeight property