line-height
Оновлено: 26.12.2022
line-height
Для блокових елементів визначає мінімальну висоту рядка тексту. Для вбудованих рядкових елементів (на кшталт <img>) властивість line-height не має жодного ефекту. Для решти рядкових елементів line-height задає висоту, яка використовується для розрахунку висоти рядка блоку.
Коротка інформація
| Значення за замовченням | normal |
| Успадковується | Так |
| Застосовується | До всіх елементів |
| Анімується | Так |
Синтаксис
line-height: <множник> | <розмір> | <відсотки> | normal
Значення
Будь-яке число більше нуля сприймається як множник від розміру шрифту поточного тексту. Наприклад, значення 1.5 встановлює полуторний міжрядковий інтервал. Як значення приймаються також будь-які одиниці довжини, прийняті в CSS - пікселі (px), дюйми (in), пункти (pt) тощо. Дозволяється використовувати процентний запис, у цьому разі за 100% береться висота шрифту.
| normal | Відстань між рядками обчислюється автоматично. |
Приклад
Об'єктна модель
Об'єкт.style.lineHeight
Примітка
Internet Explorer до версії 7.0 неправильно обчислює висоту рядків для зображень і елементів форм.