CodeBase | Frontend

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

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

Оно напрямую влияет на читаемость и визуальный баланс текста

➡️ Пример:

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

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

🗣 В этом примере line-height: 1.8 делает текст более “воздушным” и удобным для чтения.

Популярные значения:

• normal — стандартное поведение (обычно 1.2)
• число — множитель от размера шрифта (рекомендуется)
• px, em, % — фиксированная высота

line-height — основа типографики в вебе. Грамотный выбор значения делает интерфейс аккуратным и читабельным.

CodeBase | Frontend | #CSS

Please open Telegram to view this post

VIEW IN TELEGRAM

👍5🤝1

www.tgoop.com/codebase_frontend/961

288 viewsOct 8 at 09:10

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

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

Оно напрямую влияет на читаемость и визуальный баланс текста

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

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

• normal — стандартное поведение (обычно 1.2)
• число — множитель от размера шрифта (рекомендуется)
• px, em, % — фиксированная высота