Właściwość word-spacing

Właściwość word-spacing ustawia odstęp między słowami. Wartością właściwości są dowolne jednostki wielkości, z wyjątkiem procentów. Dopuszczalna jest wartość ujemna. Wartość normal pozwala przeglądarce obliczać odstęp między słowami samodzielnie (wartość domyślna).

Jeśli dla tekstu ustawiono wyrównanie za pomocą text-align o wartości justify, to odstęp między słowami zostanie ustawiony automatycznie, ale nie mniej niż wartość określona przez word-spacing.

Składnia

cssselektor {
  word-spacing: wartość;
}

Przykład

Ustawmy odstęp między słowami na 30px:

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

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

Результат:

Przykład

Ustawmy word-spacing na wartość ujemną - odstęp między słowami praktycznie zniknie:

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

cssp {
  word-spacing: -7px;
}

Результат:

Przykład

Ustawienie tej właściwości na zero nie powoduje zlewania się słów:

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

cssp {
  word-spacing: 0;
}

Результат:

Przykład

Ustawmy word-spacing na wartość normal (wartość domyślna):

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

cssp {
  word-spacing: normal;
}

Результат: