/css/line-height:> Высота строки_
Свойство line-height
Синтаксис
CSS 1
CSS 2‒2.2
line-height: normal | <число> | <длина> | <процент> | inherit
Описание
Свойство line-height
(от англ. "line height" ‒ «высота строки») устанавливает расстояние между базовыми линиями двух соседних строк.
Применяется: | ко всем элементам; |
---|---|
Наследование: | присутствует; |
Проценты: | относительно размера шрифта самого элемента; |
Медиа: | визуальные. |
Примечание
- Если свойство установлено для элемента блок-уровня, содержимое которого состоит из элементов встроенного-уровня, «
line-height
» определяет минимальную высоту каждой строчной коробки. - Если свойство установлено для (незаменяемого) элемента встроенного-уровня, оно определяет высоту каждой строчной коробки, генерируемой элементом. (Для встроенных заменяемых элементов высота коробки задаётся свойством «
height
».)
JavaScript
[объект]
Поддержка браузерами
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>
<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