English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutorial di base CSS

Modello di contenitore CSS

Tutorial di base CSS3

Manuale di riferimento CSS

Regole @ di CSS (RULES)

CSS line-height (Altezza della riga)

Proprietà di spaziatura tra le righe CSS line-heightUsato perPermette di definire l'altezza minima del riquadro di linee definito dall'elemento.. Imposta lo spazio tra le due righe di contenuto.

Definisce la quantità di spazio sopra e sotto l'elemento inline. Permette di impostare l'altezza della riga indipendentemente dalla dimensione del carattere.

Valore di altezza della riga CSS

Il valore dell'attributo line-height deve essere utilizzato insieme all'attributo line-height di CSS.

ValoreDescrizione
normalQuesto è il valore predefinito. Specifica l'altezza normale.
numberSpecifica un numero che viene moltiplicato per la dimensione del carattere corrente per impostare l'altezza della riga.
lengthUsato per impostare l'altezza della riga in px, pt, cm, ecc.
%Specifica l'altezza della riga in percentuale rispetto alla dimensione del carattere corrente.
initialImposta questo attributo al suo valore predefinito.
inheritErEdita questo attributo dall'elemento genitore.

Esempio di altezza della riga CSS

<!DOCTYPE html>  
<html>  
<head>  
<style>  
h3.small {  
    line-height: 70%;  
}  
h3.big {  
    line-height: 200%;  
}  
</style>  
</head>  
<body>  
<h3>  
Questo è un titolo con spaziatura tra le righe standard predefinita.<br>  
Questo è un titolo con spaziatura tra le righe standard predefinita.<br>  
La spaziatura tra le righe predefinita nella maggior parte dei browser è circa 110% a 120%.<br>  
</h3>  
<h3 class="small">  
Questo è un titolo con minore spaziatura tra le righe.<br>  
Questo è un titolo con minore spaziatura tra le righe.<br>  
Questo è un titolo con minore spaziatura tra le righe.<br>  
Questo è un titolo con minore spaziatura tra le righe.<br>  
</h3>  
<h3 class="big">  
Questo è un titolo con maggiore spaziatura tra le righe.<br>  
Questo è un titolo con maggiore spaziatura tra le righe.<br>  
Questo è un titolo con maggiore spaziatura tra le righe.<br>  
Questo è un titolo con maggiore spaziatura tra le righe.<br>  
</h3>  
</body>  
</html>
Prova a vedere‹/›