line-height¶
Свойство line-height
для блочных элементов определяет минимальную высоту строки текста.
Для внедряемых строчных элементов (вроде <img>
) свойство line-height
не оказывает никакого эффекта.
Для остальных строчных элементов line-height
задаёт высоту, которая используется для расчёта высоты строки блока.
Шрифт и Цвет
- font
- font-family
- font-feature-settings
- font-kerning
- font-language-override
- font-optical-sizing
- font-size
- font-size-adjust
- font-stretch
- font-style
- font-synthesis
- font-variant
- font-variant-alternates
- font-variant-caps
- font-variant-east-asian
- font-variant-ligatures
- font-variant-numeric
- font-variant-position
- font-variation-settings
- font-weight
- line-height
Синтаксис¶
/* Keyword value */
line-height: normal;
/* Unitless values: use this number multiplied
by the element's font size */
line-height: 3.5;
/* <length> values */
line-height: 3em;
/* <percentage> values */
line-height: 34%;
/* Global values */
line-height: inherit;
line-height: initial;
line-height: unset;
Значения¶
Любое число больше нуля воспринимается как множитель от размера шрифта текущего текста. Например, значение 1.5 устанавливает полуторный межстрочный интервал. В качестве значений принимаются также любые единицы длины, принятые в CSS — пиксели (px), дюймы (in), пункты (pt) и др. Разрешается использовать процентную запись, в этом случае за 100% берётся высота шрифта.
normal
- Расстояние между строк вычисляется автоматически.
Значение по-умолчанию:
line-height: normal;
Применяется ко всем элементам
Спецификации¶
Описание и примеры¶
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>line-height</title>
<style>
h1 {
line-height: 70%;
}
p {
line-height: 1.5;
}
</style>
</head>
<body>
<h1>
Нормальный постулат: алгебра или наибольшее и
наименьшее значения функции?
</h1>
<p>
Эпсилон окрестность, исключая очевидный случай,
поддерживает комплексный интеграл по бесконечной
области.
</p>
</body>
</html>