line-height
Высота строки текста — расстояние между строками.
Синтаксис
line-height: value;Значения
| Параметр | Тип | Описание |
|---|---|---|
| number | number | Множитель размера шрифта: `1.5`. |
| px | length | Фиксированная высота: `24px`. |
| normal | keyword | Значение шрифта по умолчанию, обычно около 1.2. |
Примеры
Тесный и удобный интервал:
<style>
p { max-width: 280px; }
</style>
<p style="line-height: 1;">line-height: 1 — the lines are cramped and hard to read when the text runs over several lines.</p>
<p style="line-height: 1.6;">line-height: 1.6 — there is air between the lines, and long text reads easily.</p>Примечания
Пишите число без единиц: оно пересчитывается для каждого размера шрифта, а px или em вычисляются один раз и наследуются готовым значением. Для основного текста удобно 1.4–1.6, для заголовков — 1.1–1.2.
См. также
- font — Сокращённая запись, которая задаёт начертание, жирность, размер, высоту строки и семейство шрифта в одну строку.
- font-size — Размер шрифта.
- letter-spacing — Дополнительное расстояние между буквами.
Вопросы и ответы по теме
В учебнике
- Текст и шрифты — Шрифт, размер, жирность, курсив, высота строки, выравнивание и оформление текста, подключение своего шрифта.