/css/word-spacing:> Расстояние между словами_
Свойство word-spacing
Синтаксис
CSS 1
CSS 2‒2.2
CSS 3
word-spacing: normal | <длина> | inherit;
Описание
Свойство word-spacing (от англ. "word spacing" ‒ «расстояния между словами») устанавливает дополнительное расстояние между словами.
| Применяется: | ко всем элементам; |
|---|---|
| Наследование: | присутствует; |
| Проценты: | в CSS 2.0-2.2 Н/Д, в CSS 3.0 относятся к ширине затронутых глифов; |
| Медиа: | визуальные. |
Примечание
- Алгоритм вычисления расстояния между словами зависит от агента пользователя. При этом расстояния между словами также могут находиться под влиянием выравнивания по двум сторонам.
- К «символам разделителям слов» относят пробел [U+0020], неразрывный пробел [U+00A0], Эфиопский пробел между словами [U+1361], Эгейские разделители слов [U+10100, U+10101], Угаритский делитель слов [U+1039F] и Финикийский разделитель слов [U+1091F]. Если нет «символов разделителей слов» или, если «символ разделитель слова» заранее имеет нулевую ширину (например, пробел нулевой ширины [U+200B]), агент пользователя не должен создавать дополнительный интервал между словами. При этом общие знаки препинания и пространства фиксированной ширины [U+3000, U+2000 - U+200A] не считаются «символами разделителями слов».
- Дополнительное расстояние применяется к каждому «разделителю слова» оставшемуся в тексте после того, как были применены правила обработки пробельного пространства. При этом дополнительное расстояние распределяется по половине на каждую сторону символа, если иное не продиктовано типографской традицией.
JavaScript
[объект]
Поддержка браузерами
Chrome
Поддерж.[1]
Firefox
Поддерж.
Opera
Поддерж.[1]
Maxthon
Поддерж.[1]
IExplorer
Поддерж.[1]
Safari
Поддерж.[1]
iOS
Поддерж.[1]
Android
Поддерж.[1]
- [1] ‒ не поддерживает проценты (CSS 3)
Спецификация
Значения
- <процент>
- Указывает дополнительное расстояние, определяемое как процент от предварительного размера затронутого символа. (Изначальная длинна затронутого символа определяется параметрами шрифта.)
Примечание: значения могут быть отрицательными, но при этом в конкретных реализациях могут существовать ограничения.
word-spacing: -100%; - <длина>
- Задаёт дополнительное расстояние, определяемое единицей длинны.
word-spacing: 14px;Примечание: значения могут быть отрицательными, но при этом в конкретных реализациях могут существовать ограничения.
- normal
- Устанавливает стандартное расстояние между словами, определяемое текущим шрифтом. (Величина дополнительного расстояния равна 0.)
word-spacing: normal; - inherit
- Указывает, что элемент должен унаследовать параметры родительского элемента.
Начальное значение: «normal».
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство word-spacing</title>
<style type="text/css">
h1 { word-spacing: 25%; }
p { word-spacing: 0.3em; }
</style>
</head>
<body>
<h1>Расстояние между словами</h1>
<p>Расстояние между словами в данном абзаце увеличено на 0.3em.</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство word-spacing</title>
<style type="text/css">
h1 { word-spacing: 25%; }
p { word-spacing: 0.3em; }
</style>
</head>
<body>
<h1>Расстояние между словами</h1>
<p>Расстояние между словами в данном абзаце увеличено на 0.3em.</p>
</body>
</html>
Свойство word-spacing