css властивість word-spacing

CSS властивість word-spacing збільшує або зменшує відступ (інтервал) між словами в тексті.

На рисунку зображений блок для якого задана властивість word-spacing: 1.5em;.

Робота word-spacing полягає у визначенні додаткового простору між кожним словом. Наприклад, значення 0 не має ефекту (застосовується нормальний інтервал). Позитивні значення збільшують інтервал і негативні значення зменшують відстань.

Також див. letter-spacing для налаштування інтервалу між кожною буквою.

правити

Нотатка

Від'ємні значення дозволені.

автор: Svitlana правити

Нотатка

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

автор: Svitlana правити

+ додати пораду чи нотатку

Синтаксис

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

Властивість word-spacing може отримувати 4 значень:

normal

Встановлює звичайний (0.25em) інтервал між словами.

автор: Svitlana

правити

length

Визначає інтервал між словами (в px, pt, cm, em і т.п.). Від'ємні значення дозволяються.

автор: Svitlana

правити

initial

Встановлює цю властивість в значення без задання

автор: Svitlana

правити

inherit

Успадкує значення властивості від свого батьківського елемента

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
word-spacing	1.0	1.0	1.0	3.5	12.0	6.0

Підтримка: мобільні переглядачі

Переглядач
word-spacing	1.0	1.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

<p class="wide">Проміжки між цими словами широкі.</p>
<p>Звичайні проміжки для порівняння.</p>

.wide {
    word-spacing: 30px;
}