line-height

Internet Explorer

Chrome

Opera

Safari

Firefox

Android

iOS

6.0+

8.0+

1.0+

3.5+

3.1+

1.0+

1.0+

1.0+

Краткая информация

Значение по умолчанию

normal

Наследуется

Да

Применяется

Ко всем элементам

Ссылка на спецификацию

http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height

Версии CSS

CSS 1

CSS 2

CSS 2.1

CSS 3



+

Описание

Устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта. При обычных обстоятельствах расстояние между строками зависит от вида и размера шрифта и определяется браузером автоматически. Отрицательное значение межстрочного расстояния не допускается.

Синтаксис

line-height: множитель | значение | проценты | normal | inherit

Значения

Любое число больше нуля воспринимается как множитель от размера шрифта текущего текста. Например, значение 1.5 устанавливает полуторный межстрочный интервал. В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. Разрешается использовать процентную запись, в этом случае за 100% берется высота шрифта.

normal

Расстояние между строк вычисляется автоматически.

inherit

Наследует значение родителя.

Пример

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title> line-height </title>

<style>

h1 {

line-height: 60%;

}

p {

line-height: 1.5;

}

</style>

</head>

<body>

<h1>Duis te feugifacilisi</h1>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit,

sed diem nonummy nibh euismod tincidunt ut lacreet dolore

magna aliguam erat volutpat. Ut wisis enim ad minim veniam,

quis nostrud exerci tution ullamcorper suscipit

lobortis nisl ut aliquip ex ea commodo consequat.</p>

</body>

</html>

Результат данного примера показан на рис. 1.

Рис. 1. Применение свойства line-height

Объектная модель

[window.]document.getElementById("elementID").style.lineHeight

Браузеры

Internet Explorer до версии 7.0 неправильно вычисляет высоту строк для изображений и элементов форм. Также в этом браузере не поддерживается значение inherit.

Категория:  Текст