CodeBase | Frontend

⚙️ Что такое свойство line-height в CSS и зачем оно нужно?

Свойство line-height управляет расстоянием между строками текста.

Это влияет не только на читаемость, но и на вертикальный ритм всего интерфейса

➡️ Пример:

<p class="text">
  Это пример текста с увеличенным межстрочным интервалом.
</p>

<style>
  .text {
    font-size: 16px;
    line-height: 1.8;
  }
</style>

🗣️ Популярные приёмы:

• относительные значения (1.5–1.8) делают текст универсально читаемым
• фиксированные значения (например, 24px) применяются в строгих дизайн-системах
• полезно для типографики, карточек, описаний и списков

line-height — одно из ключевых свойств для визуального баланса текста в вебе

CodeBase | Frontend | #Основы

Please open Telegram to view this post

VIEW IN TELEGRAM

👍3

www.tgoop.com/codebase_frontend/981

190 viewsOct 20 at 16:29

⚙️ Что такое свойство line-height в CSS и зачем оно нужно?

Свойство line-height управляет расстоянием между строками текста.

Это влияет не только на читаемость, но и на вертикальный ритм всего интерфейса

<p class="text">
  Это пример текста с увеличенным межстрочным интервалом.
</p>

<style>
  .text {
    font-size: 16px;
    line-height: 1.8;
  }
</style>

line-height — одно из ключевых свойств для визуального баланса текста в вебе