Поиск

Расстояние между буквами и словами: свойство 'letter-spacing' и 'word-spacing'

'letter-spacing'

Значение: normal | <length> | inherit
Начальное значение: normal
Область применения: все элементы
Наследование: да
Процентное значение: не используется
Устройства: визуальные

Это свойство определяет расположение символов в тексте. Значения имеют следующий смысл:

normal

Стандартное расстояние для текущего шрифта. Это значение позволяет агентам пользователей менять расстояние между символами для выравнивания текста.

<length>

Это значение позволяет задать дополнительно межсимвольное расстояние, которое добавляется к стандартному. Значения могут быть отрицательными, их применение зависит от реализации. Для выравнивания по обоим краям агенты пользователей могут не увеличивать или не уменьшать расстояние между символами.

Алгоритмы определения расстояния между символами зависят от агента пользователя. На расстояние между символами также может повлиять выравнивание по обоим краям (см. свойство 'text-align').

В данном примере расстояние между символами в элементах BLOCKQUOTE увеличено на '0.1em'.

BLOCKQUOTE { letter-spacing: 0.1em }

В следующем примере агенту пользователя запрещено изменять расстояние между символами:
BLOCKQUOTE { letter-spacing: 0cm } /* Same as '0' */

Если итоговое расстояние между двумя символами отлично от стандартного, агенты пользователей не должны использовать лигатуры.

Конформные агенты пользователей могут трактовать значение свойства 'letter-spacing' как 'normal'.

'word-spacing'

Значение: normal | <length> | inherit
Начальное значение: normal
Область применения: все элементы
Наследование: да
Процентное значение: N/A
Устройства: визуальные

Это свойство определяет расстояние между словами. Значения имеют следующий смысл:

normal

Стандартное расстояние между словами, определяемое текущим шрифтом и/или агентом пользователя.

<length>

ополнительное расстояние между словами, оно добавляется к стандартному. Значения могут быть отрицательными, их применение зависит от агентов пользователей.

Алгоритм определения расстояния между словами зависит от параметров, указанных агентом пользователя. На расстояние между словами также влияет выравнивание по обоим краям (см. свойство 'text-align').

В данном примере расстояние между всеми словами в элементе H1 увеличивается на '1em'.

H1 { word-spacing: 1em }

Конформные агенты пользователей могут трактовать значение свойства 'word-spacing' как 'normal'.