«Единственный способ творить великие дела – это любить то, что ты делаешь»
CSS


Свойство 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>

Результат



Все cвойства CSS

Тематические публикации

CSS по шагам

Тематические публикации