line-height задает интерлиньяж, то есть расстояние между базовыми линиями соседних строк текста. Это свойство может влиять на читабельность текста и его восприятие.

🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Значение line-height можно указывать как в абсолютных единицах (например, px, pt), так и в относительных (em, %, без единицы измерения). Рекомендуется использовать относительные единицы, так как они позволяют сохранить масштабируемость и адаптивность текста.

Примеры использования:

  • line-height: 1.2; — относительное значение, не зависящее от размера шрифта.
  • line-height: 20px; — абсолютное значение, фиксированный размер интерлиньяжа.
  • line-height: 1.5em; — относительное значение, зависящее от размера шрифта элемента.

Применение

Выбор значения line-height зависит от контекста использования. В целом, для улучшения читабельности текста рекомендуется использовать значения от 1.2 до 1.5 для основного текста. Для заголовков может потребоваться индивидуальный подход.

Важно учитывать взаимосвязь line-height с размером шрифта и длиной строки. Слишком большой интерлиньяж может разрывать визуальное восприятие абзаца, а слишком маленький — делать текст трудночитаемым.

В заключение, правильно подобранный line-height существенно влияет на удобство чтения и восприятие текстового контента.