beget banner 468x60beget banner 728x90beget banner 930x180kwork banner 468x60kwork banner 728x90kwork banner 930x180flexbe banner 468x60flexbe banner 728x90flexbe banner 930x180

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

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

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

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

flexbe banner 480x320flexbe banner 728x90flexbe banner 120x600kwork banner 480x320kwork banner 728x90kwork banner 120x600jivo banner 480x320jivo banner 728x90jivo banner 120x600

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

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

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

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

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

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

CSS-свойство clip

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