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 Значение элемента наследуется от родительского элемента.

Поддержка браузера

chrome firefox safari opera
1.0+ 1.0+ 1.0+ 3.5+

Практикуйте свои знания

Какое утверждение о свойстве CSS 'word-spacing' верно?
Считаете ли это полезным?