CSS свойство line-height

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

CSS синтаксис

line-height: normal | множитель | значение | % | initial | inherit;

Возможные значения

ЗначениеОписание
normalЗначение по умолчанию. Межстрочное расстояние устанавливается браузером.
множительЧисло, используемое в качестве множителя от текущего размера шрифта.
значениеУстанавливает фиксированное межстрочное расстояние, заданное в единицах длины CSS, - пиксели (px), сантиметры (cm), пункты (pt) и т.д.
%Устанавливает межстрочное расстояние в процентах от текущего размера шрифта.
inheritЗначение наследуется от родительского элемента.
initialУстанавливает значение по умолчанию.

Пример использования

Пример №1

Устанавливаем межстрочное расстояние в процентах


p.small {
    line-height: 90%;
}

 p.big {
    line-height: 200%;
}

Пример №2

Межстрочное расстояние устанавливается при помощи числовых значений


p.small {
    line-height: 0.5;
}

p.big {
    line-height: 2;
}