# Контур

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

## Коротко

Линия вокруг элемента, не участвующая в расчёте его размеров и часто используемая для обозначения клавиатурного фокуса.

## Что такое «Контур»

Линия вокруг элемента, не участвующая в расчёте его размеров и часто используемая для обозначения клавиатурного фокуса. В отличие от границы, `outline` не влияет на компоновку и рисуется поверх. Его нельзя убирать без замены: видимый фокус критичен для доступности навигации с клавиатуры. Контур настраивают по стилю и отступу, но сохраняют заметным для пользователей клавиатуры.

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

- [Контур обрезки](https://chugunov.pro/glossary/frontend/kontur-obrezki/) — Геометрическая область, определяющая, какая часть элемента остаётся видимой, а какая скрывается.
- [Граница элемента](https://chugunov.pro/glossary/frontend/granitsa-elementa/) — Линия вокруг области содержимого и внутренних отступов элемента, для которой задаются толщина, стиль и цвет.
- [CSS-фигуры](https://chugunov.pro/glossary/frontend/css-figury/) — Механизм задания геометрического контура, вокруг которого обтекает текстовое содержимое.
- [Базовая линия](https://chugunov.pro/glossary/frontend/bazovaia-liniia/) — Условная линия, относительно которой выравнивается текст и строчные элементы в одной строке.
- [Блочный элемент](https://chugunov.pro/glossary/frontend/blochnyi-element/) — Элемент, который в обычном потоке формирует отдельный прямоугольный блок и, как правило, занимает доступную ширину.
- [Бокс внешнего отступа](https://chugunov.pro/glossary/frontend/boks-vneshnego-otstupa/) — Внешняя область блочной модели, включающая размер элемента вместе с его margin.
- [Внешний отступ](https://chugunov.pro/glossary/frontend/vneshnii-otstup/) — Прозрачное пространство за границей элемента, отделяющее его от соседних блоков.
- [Внутренние размеры](https://chugunov.pro/glossary/frontend/vnutrennie-razmery/) — Естественные ширина, высота или соотношение сторон ресурса до применения внешних ограничений CSS.