Интервалы
Как правило, для каждого шрифта определенного размера заранее установлены величины пробелов между словами, расстояние между буквами внутри слова и визуальная высота строки.
Благодаря некоторым свойствам в CSS можно регулировать размеры расстояний между словами в тексте, т.е., по сути, менять размер пробела. Также можно менять расстояния между буквами внутри слова (т.е. создавать уплотненный или разреженный текст) и управлять высотой текстовой строки (расстояние между базовыми линиями двух соседних строк). Давайте вкратце рассмотрим эти свойства.
§ line–height позволяет задать расстояние между строками текста, т.е. расстояние между двумя базовыми линиями соседних строк. Чаще всего высота строки немного больше размера шрифта. В качестве значений можно использовать только положительные величины, указанные в процентах или единицах длины. При выборе процентов стандартная высота строки изменяется соразмерно указанному значению. Ниже приведен типичный пример использования этого свойства.
P{font-size: 12pt; line-height: 300%}
<P>Расстояние между строками этого абзаца будет в три раза больше обычного</P>
§ word-spacing – дает возможность указать расстояние между словами. В качестве значения допускаются любые единицы длины, как с положительными значениями, так и с отрицательными. При отрицательных значениях расстояние между словами уменьшается, а при слишком больших значениях слова могут сильно «сближаться» или даже «наезжать» друг на друга. Это отрицательно скажется на читаемости текста, поэтому будьте аккуратнее при выборе таких значений. Задавать значения в процентах не разрешается. Например:
P{word-spacing: 2ex;}
<P>Расстояние между словами в этом абзаце будет больше, чем обычно.</P>
§ letter-spacing задает расстояние между буквами внутри слова. Указывается аналогично расстоянию между словами – в любых единицах длины. Допускается указание отрицательных значений, однако при этом буквы могут слишком плотно примыкать друг к другу или даже налегать друг на друга, поэтому пользуйтесь такой возможностью осторожнее. Задавать величину в процентах не допускается
В качестве значений свойства line–height допускается задавать величину, выраженную в виде процентного отношения к высоте шрифта или размеру объекта. Например, если указать величину 200%, расстояние между строчкам (или объектами) будет вдвое превышать высоту шрифта (или размер объекта), а величина 20% составит одну пятую высоты шрифта, т.е. при таком значении свойства line–height строчки перекроются.