Spaziatura del testo CSS
Rientro del testo
La text-indent
proprietà viene utilizzata per specificare il rientro della prima riga di un testo:
Esempio
p {
text-indent: 50px;
}
Spaziatura del carattere
La letter-spacing
proprietà viene utilizzata per specificare lo spazio tra i caratteri in un testo.
L'esempio seguente mostra come aumentare o diminuire lo spazio tra i caratteri:
Esempio
h1 {
letter-spacing: 5px;
}
h2 {
letter-spacing: -2px;
}
Altezza della linea
La line-height
proprietà viene utilizzata per specificare lo spazio tra le righe:
Esempio
p.small {
line-height: 0.8;
}
p.big {
line-height: 1.8;
}
Spaziatura delle parole
La word-spacing
proprietà viene utilizzata per specificare lo spazio tra le parole in un testo.
L'esempio seguente mostra come aumentare o diminuire lo spazio tra le parole:
Esempio
p.one {
word-spacing: 10px;
}
p.two {
word-spacing: -2px;
}
Spazio bianco
La white-space
proprietà specifica come viene gestito lo spazio bianco all'interno di un elemento.
Questo esempio mostra come disabilitare il ritorno a capo del testo all'interno di un elemento:
Esempio
p {
white-space: nowrap;
}