kwork banner 468x60kwork banner 728x90kwork banner 930x180beget banner 468x60beget banner 728x90beget banner 930x180skillbox banner 468x60skillbox banner 728x90skillbox banner 930x180

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 используется числовое значение, дочерние элементы будут наследовать указанное значение, а не результирующее вычисленное значение для этого свойства. Отрицательные значения использовать нельзя.

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

Поддержка браузеров

Свойство line-height поддерживается во всех основных браузерах.

etxt banner 480x320etxt banner 728x90etxt banner 120x600kwork banner 480x320kwork banner 728x90kwork banner 120x600beget banner 480x320beget banner 728x90beget banner 120x600

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента