| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 6.0+ | 8.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Коротка інформація
| Значення за замовчуванням | normal |
|---|---|
| Наслідується | Так |
| Застосовується | До всіх елементів |
| Посилання на специфікацію | http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Встановлює інтервал між словами. Якщо для тексту задано вирівнювання через text-align зі значенням justify (вирівнювання за шириною), то інтервал між словами буде встановлений примусово, але не менше значення, вказаного через word-spacing.
Синтаксис
word-spacing: <розмір> | normal | inherit
Значення
В якості значень приймаються будь-які одиниці довжини, прийняті в CSS — наприклад, пікселі (px), дюйми (in), пункти (pt) і ін. Значення може бути і від'ємним, але слід перевіряти працездатність в різних браузерах. Відсоткове запис не застосовне.
- normal
- Встановлює інтервал між словами як зазвичай.
- inherit
- Наслідує значення батька.
Приклад
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>word-spacing</title>
<style>
p {
word-spacing: 20px;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
</body>
</html>Результат даного прикладу показаний на рис. 1.
Браузери
Internet Explorer до версії 7.0 включно не підтримує значення inherit.