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

CSS-свойство line-height устанавливает высоту межстрочного интервала в блочном элементе, например в теге <p>.

Значение по умолчанию:	`normal`
Применяется к:	Все элементы
Наследование:	Да
Анимирование:	Да. Анимируемые свойства
Версия:	CSS 1, 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

line-height: length | percentage | number | normal | initial | inherit

Примеры написания кода свойства line-height:

p {
    line-height: 1.5;
}
div {
    line-height: 300%;
}

Использование процента (%) и em могут дать неожиданные результаты в случае наследования. В большинстве случаев использование числа является предпочтительным способом установки line-height. Подробнее о CSS Единицам измерения.

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение	Описание
`normal`	В качестве значения по умолчанию браузеры используют значение примерно 1,2, в зависимости от элемента `font-family`. Это значение установлено по умолчанию.
number	Число, которое будет умножено на элемент `font-size` для вычисления `line-height`.
length	Значение может быть указано в `px`, `pt`, `cm`, `em` и т. д. Отрицательные значения `line-height` использовать нельзя.
percentage	Процентное значение используется в качестве множителя элемента `font-size`
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	В случае наследования, если для свойства `line-height` используется числовое значение, дочерние элементы будут наследовать указанное значение, а не результирующее вычисленное значение для этого свойства. Отрицательные значения использовать нельзя. Принимайте во внимание, что если используется процентное значение, дочерние элементы будут наследовать вычисленное родительское значение для свойства, а не указанное процентное значение. Опять же, отрицательные значения использовать нельзя.