Многие проблемы, встречающиеся при работе с 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;}
<p>The letters in this paragraph are spaced as normal.</p>
<p class="spacious">The letters in this paragraph are spread out a bit.</p>
<p class="tight">The letters in this paragraph are a bit smashed together.</p>

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

strong {letter-spacing: 0.2em;}
<p>This paragraph contains   (strong)strongly emphasized text(/strong) that is
spread out for extra emphasis.</p>

Добавлено: 17 Июля 2018 22:19:40 Добавил: Андрей Ковальчук Нравится 0

Добавить