Атрибут CSS line-height

Определение и использование

Свойство line-height устанавливает расстояние между строками (высоту строки).

Комментарий:Запрещается использовать отрицательные значения.

Описание

Этот атрибут влияет на布局 строкового прямоугольника. При применении к блочному элементу он определяет минимальное расстояние между базовыми линиями, а не максимальное.

Разница между вычисленным значением line-height и font-size (в CSS известна как «интервал между строками») делится на две части и добавляется к верху и низу содержимого строки. Самый маленький прямоугольник, который может содержать это содержимое,叫做 строковый прямоугольник.

Начальное числовое значение определяет коэффициент масштабирования, который наследуется后代ными элементами, а не вычисленный значение.

См. также:

Уроки CSS:Текст в CSS

Руководство по HTML DOM:Свойство lineHeight

Пример

Установка интервала между строк в процентах:

p.small {line-height:90%}
p.big {line-height:200%}

Попробуйте сами

（Дополнительные примеры можно найти в нижней части страницы）

CSS синтаксис

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

Значение атрибута

Значение Описание
normal По умолчанию. Установите разумный интервал между строками.
number Установка числа, которое будет умножено на текущий размер шрифта для установки интервала между строк.
length Установка фиксированного интервала между строк.
% Процентный интервал между строк, основанный на текущем размере шрифта.
inherit Определяет, что значение атрибута line-height должно быть наследовано от родительского элемента.

Технические детали

Значение по умолчанию: normal
Инheritability: да
Версия: CSS1
JavaScript синтаксис: объект.style.lineHeight="2"

Пример TIY

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

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0