# Базовая линия

URL: https://chugunov.pro/glossary/frontend/bazovaia-liniia/
Оригинальное название: baseline
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

Условная линия, относительно которой выравнивается текст и строчные элементы в одной строке.

## Что такое «Базовая линия»

Условная линия, относительно которой выравнивается текст и строчные элементы в одной строке. По базовой линии сидят буквы, а их нижние выносы опускаются чуть ниже. Свойство `vertical-align` управляет положением строчных элементов относительно неё. Понимание базовой линии помогает выравнивать иконки и текст, чтобы они смотрелись ровно.

## Связанные термины

- [Вертикальное выравнивание](https://chugunov.pro/glossary/frontend/vertikal-noe-vyravnivanie/) — CSS-свойство выравнивания строчных и табличных элементов относительно базовой линии или ячейки. `vertical-align` действует на инлайн- и table-cell элементы, а не на блоки в потоке.
- [Граница элемента](https://chugunov.pro/glossary/frontend/granitsa-elementa/) — Линия вокруг области содержимого и внутренних отступов элемента, для которой задаются толщина, стиль и цвет.
- [Выравнивание текста](https://chugunov.pro/glossary/frontend/vyravnivanie-teksta/) — CSS-свойство горизонтального расположения строк текста внутри блока. `text-align` выравнивает текст по левому, правому краю, центру или по ширине.
- [Строчный элемент](https://chugunov.pro/glossary/frontend/strochnyi-element/) — Элемент, участвующий в строковом потоке и занимающий только необходимое содержимому место.
- [Контур](https://chugunov.pro/glossary/frontend/kontur/) — Линия вокруг элемента, не участвующая в расчёте его размеров и часто используемая для обозначения клавиатурного фокуса.
- [Набор CSS-правил](https://chugunov.pro/glossary/frontend/nabor-css-pravil/) — Селектор вместе с блоком деклараций, определяющих оформление выбранных элементов.
- [Блочный элемент](https://chugunov.pro/glossary/frontend/blochnyi-element/) — Элемент, который в обычном потоке формирует отдельный прямоугольный блок и, как правило, занимает доступную ширину.
- [Дочерний элемент](https://chugunov.pro/glossary/frontend/dochernii-element/) — Элемент DOM, непосредственно вложенный внутрь другого, родительского элемента.