Задаем значение line-height

Теперь рассмотрим возможные значения свойства line-height. Если используется значение по умолчанию normal, то агент пользователя должен вычислить вертикальное расстояние между строками. Значение может варьироваться в зависимости от агента пользователя (обычно оно в 1,2 раза больше размера шрифта); оно определяет превышение высоты контейнеров строк над значением font-size для данного элемента. Большинство значений задается в простых единицах измерения длины (например, 18px или 2em). Помните, что даже если указаны правильные значения длины, такие как 4cm, броузер (или операционная система) может искажать реальные размеры, и высота строки на мониторе
может оказаться не равной 4 сантиметрам.

Процентные значения em и ex вычисляются относительно значения свойства font-size элемента. Следующая разметка относительно проста:

body {line-height: 14px; font-size: 13px;}
p.cl1 {line-height: 1.5em;}
p.cl2 {font-size: 10px; line-height: 150%;}
p.cl3 {line-height: 0.33in;}

This paragraph inherits a 'line-height' of 14px from the body, as well as
a 'font-size' of 13px.


This paragraph has a 'line-height' of 19,5px(13 * 1.5), so it
will have slightly more line-height than usual.


This paragraph has a 'line-height' of 15px (10 * 150%), so it
will have slightly more line-height than usual.


This paragraph has a 'line-height' of 0.33in, so it will have
slightly more line-height than usual.



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

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

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