Proprietà word-spacing

La proprietà word-spacing imposta la spaziatura tra le parole. Il valore della proprietà può essere qualsiasi unità per dimensioni, eccetto le percentuali. Sono ammessi valori negativi. Il valore normal permette al browser di calcolare la spaziatura tra le parole autonomamente (valore predefinito).

Se per il testo è impostato l'allineamento tramite text-align con il valore justify, allora la spaziatura tra le parole sarà impostata automaticamente, ma non inferiore al valore specificato tramite word-spacing.

Sintassi

cssselettore {
  word-spacing: valore;
}

Esempio

Impostiamo la distanza tra le parole a 30px:

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>
cssp {
  word-spacing: 30px;
  text-align: left;
}

Результат:

Esempio

Impostiamo word-spacing su un valore negativo - la distanza tra le parole praticamente scomparirà:

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>
cssp {
  word-spacing: -7px;
}

Результат:

Esempio

L'impostazione di questa proprietà a zero non porta alla fusione delle parole:

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>
cssp {
  word-spacing: 0;
}

Результат:

Esempio

Impostiamo word-spacing sul valore normal (questo è il valore predefinito):

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>
cssp {
  word-spacing: normal;
}

Результат: