/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

[объект].style.wordSpacing="[значение]";


Поддержка браузерами

Chrome
Поддерж.[1]
Firefox
Поддерж.
Opera
Поддерж.[1]
Maxthon
Поддерж.[1]
IExplorer
Поддерж.[1]
Safari
Поддерж.[1]
iOS
Поддерж.[1]
Android
Поддерж.[1]
  • [1] ‒ не поддерживает проценты (CSS 3)

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


Значения

<процент>
Указывает дополнительное расстояние, определяемое как процент от предварительного размера затронутого символа. (Изначальная длинна затронутого символа определяется параметрами шрифта.)

Примечание: значения могут быть отрицательными, но при этом в конкретных реализациях могут существовать ограничения.

Расстояние между словами, уменьшенное на 100% word-spacing: -100%;

<длина>
Задаёт дополнительное расстояние, определяемое единицей длинны.

Расстояние между словами, увеличенное на 14px 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>
Свойство word-spacing