CSS свойство word-spacing

Свойство word-spacing устанавливает расстояние между словами в тексте.

Свойство word-spacing используется для строчного контента.

Значение по умолчанию	normal
Применяется	Ко всем элементам, а также к ::first-letter и ::first-line.
Наследуется	Да.
Анимируемое	Да. Расстояние между словами анимируемо.
Версия	CSS1
DOM синтаксис	object.style.wordSpacing = "40px";

Синтаксис

word-spacing: normal | length | initial | inherit;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      .text { 
      word-spacing: normal;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства word-spacing</h2>
    <p class="text">Lorem Ipsum - это текст-"рыба"...</p>
  </body>
</html>

Попробуйте сами!

В следующем примере расстояние между словами равно 20px:

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      .text { 
      word-spacing: 20px;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства word-spacing</h2>
    <p class="text">Lorem Ipsum - это текст-"рыба"...</p>
  </body>
</html>

Попробуйте сами!

Значения

Значение	Описание
normal	Устанавливает нормальное расстояние между словами. Значение по умолчанию.
length	Устанавливает дополнительное расстояние между словами. Указывается в единицах измерения px, pt, cm, em и т. д. Отрицательные значения допустимы.
initial	Устанавливает свойство в значение по умолчанию.
inherit	Значение элемента наследуется от родительского элемента.