word-spacingВластивість схоже letter-spacing, хоча , природно , його використання визначає обсяг простору між словами в частині тексту, а не окремі символи.
p ( word-spacing: 2em; )word-spacing може отримувати три різні значення:
- ключове слово “normal”, яке скидає інтервал за замовчуванням
- значення довжини з використанням будь-яких одиниць CSS (найчастіше px, em, rem)
- ключове слово “спадкувати”, яке застосовує
word-spacingбатьківський елемент
Найкращою практикою на цей час було б використання em. Розмір шрифту можна регулювати, тому використання пікселів для цього може спричинити проблеми з інтервалом між словами, не буде масштабуватися, як їх розмір. remзазвичай є чудовим, але підтримка браузера нижча, і в цьому випадку найкраще інтервал стосується слів, до яких він застосовується, а не кореня.
Важливо зазначити, що слово «слово» в цьому контексті насправді відноситься до окремої частини вбудованого вмісту, що означає, що word-spacingвпливає на inline-blockелементи, а також на inlineелементи. У цьому прикладі декілька таких елементів розташовані на відстані, встановивши word-spacingбатьківський контейнер:
Цікаві місця
word-spacingВластивість аніміруемое з CSS Transitions.- Хоча використання значення “відсоток” для визначення інтервалу дозволено відповідно до специфікації, воно може дати непередбачувані результати - часто просто взагалі ніякого ефекту.
- Встановлення пробілу на нуль - один із способів боротьби з простором між вбудованими елементами блоку.
Підтримка браузера
| Chrome | Сафарі | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Працює | Працює | Працює | Працює | Працює | Більшість | Працює |
Примітка щодо підтримки браузера Android: Переважна більшість пристроїв Android підтримує, word-spacingоднак деякі пристрої, що використовують збірки Webkit або браузера Netfront, які не належать Apple. Специфіка детально описана в посиланні QuirksMode вище.