Line-height
Межстрочный интервал — расстояние между двумя строками текста — объявляется с помощью свойства line-height.
Для удобства чтения стоит задать межстрочный интервал примерно в полтора раза больше значения свойства font-size. Это значение можно быстро получить путём установки line-height как 150%, или 1.5. Однако если работа идёт с базовой сеткой, предпочтительнее использовать пиксели, чтобы получить больше контроля над line-height.
Например, line-height в 22 пикселя для элемента <body> (22 пикселя между каждой строкой текста):
body {
line-height: 22px;
}
Межстрочный интервал также может быть использован для вертикального выравнивания по центру одной строки текста внутри элемента. Используя одинаковые значения свойств line-height и height, текст можно выровнять по центру вертикали:
.btn {
height: 22px;
line-height: 22px;
}
Этот метод может быть полезен для кнопок, предупреждающих сообщений и др. однострочных текстовых блоков.
Смотри также
- font
- font-family
- font-size
- font-style
- font-variant
- font-weight
— Игорь Мостицкий (обсуждение) 14:32, 9 января 2026 (MSK)
