Spaziatura del Testo CSS

Rientro del testo

text-indent L'attributo viene utilizzato per specificare il rientro della prima riga del testo:

Esempio

p {
  text-indent: 50px;
}

Prova personalmente

Spaziatura dei caratteri

letter-spacing L'attributo viene utilizzato per specificare lo spazio tra i caratteri nel testo.

Esempio di come aumentare o ridurre lo spazio tra i caratteri:

Esempio

h1 {
  letter-spacing: 3px;
}
h2 {
  letter-spacing: -3px;
}

Prova personalmente

Altezza della riga

line-height L'attributo viene utilizzato per specificare lo spazio tra le righe:

Esempio

p.small {
  line-height: 0.8;
}
p.big {
  line-height: 1.8;
}

Prova personalmente

Spazi tra le parole

word-spacing L'attributo viene utilizzato per specificare lo spazio tra le parole nel testo.

Esempio seguente dimostra come aumentare o ridurre lo spazio tra le parole:

Esempio

h1 {
  word-spacing: 10px;
}
h2 {
  word-spacing: -5px;
}

Prova personalmente

Spazio bianco

white-space L'attributo specifica come gestire gli spazi bianchi all'interno dell'elemento.

Questo esempio dimostra come disabilitare il riempimento delle righe di testo all'interno dell'elemento:

Esempio

p {
  white-space: nowrap;
}

Prova personalmente