/css/line-height:> Высота строки_

Свойство line-height

Синтаксис

CSS 1
CSS 2‒2.2
line-height: normal | <число> | <длина> | <процент> | inherit

Описание

Свойство line-height (от англ. "line height" ‒ «высота строки») устанавливает расстояние между базовыми линиями двух соседних строк.

Применяется: ко всем элементам;
Наследование: присутствует;
Проценты: относительно размера шрифта самого элемента;
Медиа: визуальные.

Примечание

  • Если свойство установлено для элемента блок-уровня, содержимое которого состоит из элементов встроенного-уровня, «line-height» определяет минимальную высоту каждой строчной коробки.
  • Если свойство установлено для (незаменяемого) элемента встроенного-уровня, оно определяет высоту каждой строчной коробки, генерируемой элементом. (Для встроенных заменяемых элементов высота коробки задаётся свойством «height».)

JavaScript

[объект].style.lineHeight="[значение]";


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

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация


Значения

<длина>
Устанавливает значение длины. В качестве итоговой высоты строки принимается заданное значение длины. При этом дочерние элементы наследуют заданное значение.

line-height: 1.1em;

<процент>
Устанавливает процентное значение. Итоговая высота строки рассчитывается путём умножения процентного значения на размер шрифта элемента. При этом дочерние элементы наследуют итоговое, а не процентное значение.

line-height: 110%;

<число>
Устанавливает числовой множитель. Итоговая высота строки рассчитывается как размер шрифта текущего элемента, умноженный на числовой множитель. При этом дочерние элементы наследуют сам числовой множитель, а не итоговое значение.

line-height: 1.1;

normal
Устанавливает «line-height» в приемлемое значение для шрифта элемента.

line-height: normal;

Примечание: предполагается, что агенты пользователей будут устанавливать числовое значение «normal» в диапазоне от «1.0» до «1.2».

inherit
Указывает, что элемент должен унаследовать параметры родительского элемента.

Начальное значение: «normal».

Примечание: отрицательные значения не допускаются.


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

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Свойство line-height</title>
<style type="text/css">
blockquote { line-height: 2.5em; }
</style>
</head>
<body>
<h1>Высота строки</h1>
<blockquote>Есть лица, которые существуют на свете не как предмет, а как посторонние крапинки или пятнышки на предмете. Сидят они на том же месте, одинаково держат голову, их почти готов принять за мебель и думаешь, что отроду ещё не выходило слово из таких уст; а где-нибудь в девичьей или в кладовой окажется просто: ого-го!</blockquote>
<p style="text-align: right;"><b>Н.В. Гоголь</b>, «Мёртвые души»</p>
</body>
</html>
Свойство line-height