Расстояние между буквами

Многие проблемы, встречающиеся при работе с word-spacing, имеют место в случае применения letter-spacing. Единственное отличие между ними состоит в том, что свойство letter-spacing изменяет расстояния между символами или буквами.

Как и для свойства word-spacing, допустимым значением letter-spacing является любая длина. По умолчанию указывается ключевое слово normal (что аналогично letter-spacing: 0). Любое вводимое значение длины будет увеличивать или уменьшать расстояние между буквами на эту величину:

p {letter-spacing: 0;} /* идентично 'normal' */
p.spacious {letter-spacing: 0.25em;}
p.tight {letter-spacing: -0.25em;}

The letters in this paragraph are spaced as normal.


The letters in this paragraph are spread out a bit.


The letters in this paragraph are a bit smashed together.



Применение letter-spacing для повышения выразительности выделения – это методика, освященная временем. Можно было бы написать следующее объявление и получить эффект:

strong {letter-spacing: 0.2em;}

This paragraph contains (strong)strongly emphasized text(/strong) that is
spread out for extra emphasis.



Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
В середине
Вертикальное выравнивание текста
Выравнивание по базовой линии
Выравнивание по верхнему краю
Выравнивание по заданному расстоянию

Вернуться в раздел: CSS / 6. Свойства текста