# Контекст форматирования

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

## Коротко

Набор правил, по которым браузер размещает и взаимодействует с элементами внутри конкретной области документа.

## Что такое «Контекст форматирования»

Набор правил, по которым браузер размещает и взаимодействует с элементами внутри конкретной области документа. Например, блочный контекст выстраивает элементы сверху вниз, а flex- и grid-контексты — по своим осям. Отдельный контекст форматирования изолирует внутреннюю раскладку от внешней. Понимание контекстов объясняет схлопывание отступов, обтекание float и поведение вложенных блоков.

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

- [Контекст наложения](https://chugunov.pro/glossary/frontend/kontekst-nalozheniia/) — Локальная система упорядочивания элементов по глубине, внутри которой действует z-index.
- [Дочерний элемент](https://chugunov.pro/glossary/frontend/dochernii-element/) — Элемент DOM, непосредственно вложенный внутрь другого, родительского элемента.
- [Родительский элемент](https://chugunov.pro/glossary/frontend/roditel-skii-element/) — Узел, непосредственно содержащий один или несколько дочерних элементов.
- [Строковый бокс](https://chugunov.pro/glossary/frontend/strokovyi-boks/) — Прямоугольная область, которую браузер формирует для содержимого одной строки в контексте строчного форматирования.
- [Блочный элемент](https://chugunov.pro/glossary/frontend/blochnyi-element/) — Элемент, который в обычном потоке формирует отдельный прямоугольный блок и, как правило, занимает доступную ширину.
- [Бокс внешнего отступа](https://chugunov.pro/glossary/frontend/boks-vneshnego-otstupa/) — Внешняя область блочной модели, включающая размер элемента вместе с его margin.
- [Внутренний отступ](https://chugunov.pro/glossary/frontend/vnutrennii-otstup/) — Пространство между содержимым элемента и его границей.
- [Набор CSS-правил](https://chugunov.pro/glossary/frontend/nabor-css-pravil/) — Селектор вместе с блоком деклараций, определяющих оформление выбранных элементов.