word-spacing CSS

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

Если для текста задано выравнивание через text-align со значением justify (выравнивание по ширине), то интервал между словами будет установлен принудительно, но не меньше значения, указанного через word-spacing.

Значение по умолчанию:

normal

Наследуется:
Да
Применяется:

Ко всем элементам

Анимируется:
Да
Объект JavaScript:

object.style.wordSpacing

Спецификации:

Синтаксис

/* Keyword value */
word-spacing: normal;

/* <length> values */
word-spacing: 3px;
word-spacing: 0.3em;

/* <percentage> values */
word-spacing: 50%;
word-spacing: 200%;

/* Global values */
word-spacing: inherit;
word-spacing: initial;
word-spacing: unset;

Значения

В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. Значение может быть и отрицательным, но следует проверять работоспособность в разных браузерах. Процентная запись не применима.

  • normal — Устанавливает интервал между словами как обычно.

Примеры

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>word-spacing</title>
  <style>
   .tel {
    word-spacing: 10px;
    font-size: 2em;
   } 
  </style>
 </head>
 <body>
  <p class="tel">Тел.: 555-221-061</p>
 </body>
</html>