Свойство line-height задает межстрочный интервал. Отчет ведется от базовой линии строки.
Это свойство применимо ко всем элементам.
Значение свойства line-height
- normal – межстрочный интервал зависит от используемого шрифта и определяется браузером автоматически,
- указывается любое положительное число. Оно воспримется как множитель. Межстрочный интервал будет равен произведению этого числа на размер текущего шрифта,
- в единицах, принятых в CSS (подробнее здесь...),
- в % относительно высоты текущего шрифта, которая принимается за 100%,
- inherit - принимает значение свойства родительского элемента.
Значение по умолчанию
- normal
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство line-height </title>
</head>
<body>
<p style="border:#FF0000 solid 2px; width:300px;"> У этого абзаца величина межстрочного интервала не задана. То есть установлена по умолчанию </p>
<p style="border:#FF0000 solid 2px; width:300px; line-height:3"> Зададим межстрочный интервал для этого абзаца с помощью множителя 3. </p>
<p style="border:#FF0000 solid 2px; width:300px; line-height:30px"> А для этого абзаца межстрочный интервал зададим в пикселях - 30 пикселей. </p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство line-height </title>
</head>
<body>
<p style="border:#FF0000 solid 2px; width:300px;"> У этого абзаца величина межстрочного интервала не задана. То есть установлена по умолчанию </p>
<p style="border:#FF0000 solid 2px; width:300px; line-height:3"> Зададим межстрочный интервал для этого абзаца с помощью множителя 3. </p>
<p style="border:#FF0000 solid 2px; width:300px; line-height:30px"> А для этого абзаца межстрочный интервал зададим в пикселях - 30 пикселей. </p>
</body>
</html>
Результат
