Propriedade word-spacing

A propriedade word-spacing define o espaçamento entre palavras. Os valores da propriedade são quaisquer unidades de tamanho, exceto porcentagem. Valores negativos são permitidos. O valor normal permite que o navegador calcule o espaçamento entre palavras automaticamente (valor padrão).

Se o texto estiver alinhado através da propriedade text-align com o valor justify, então o espaçamento entre palavras será definido automaticamente, mas não menos que o valor especificado por word-spacing.

Sintaxe

cssseletor {
  word-spacing: valor;
}

Exemplo

Vamos definir a distância entre palavras para 30px:

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: 30px;
  text-align: left;
}

Результат:

Exemplo

Vamos definir word-spacing com um valor negativo - a distância entre palavras praticamente desaparecerá:

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: -7px;
}

Результат:

Exemplo

Definir esta propriedade como zero não faz com que as palavras se fundam:

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: 0;
}

Результат:

Exemplo

Vamos definir word-spacing para o valor normal (este é o valor padrão):

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing.
</p>

cssp {
  word-spacing: normal;
}

Результат: