# Граница элемента

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

## Коротко

Линия вокруг области содержимого и внутренних отступов элемента, для которой задаются толщина, стиль и цвет.

## Что такое «Граница элемента»

Линия вокруг области содержимого и внутренних отступов элемента, для которой задаются толщина, стиль и цвет. Граница входит в блочную модель и увеличивает видимый размер элемента, если не используется `box-sizing: border-box`. Её стиль варьируется от сплошной до пунктирной, а цвет и радиус углов настраиваются отдельно. Границы визуально отделяют элементы и оформляют карточки, поля и кнопки.

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

- [Содержимое элемента](https://chugunov.pro/glossary/frontend/soderzhimoe-elementa/) — Текст, изображения и другие дочерние узлы, размещённые внутри элемента до учёта отступов и границ.
- [Скругление углов](https://chugunov.pro/glossary/frontend/skruglenie-uglov/) — CSS-свойство, позволяющее сделать углы рамки элемента закруглёнными или эллиптическими. `border-radius` принимает как одно значение для всех углов, так и разные для каждого.
- [Блочный элемент](https://chugunov.pro/glossary/frontend/blochnyi-element/) — Элемент, который в обычном потоке формирует отдельный прямоугольный блок и, как правило, занимает доступную ширину.
- [Дочерний элемент](https://chugunov.pro/glossary/frontend/dochernii-element/) — Элемент DOM, непосредственно вложенный внутрь другого, родительского элемента.
- [Корневой элемент](https://chugunov.pro/glossary/frontend/kornevoi-element/) — Верхний элемент дерева документа, относительно которого определяются глобальные структуры и некоторые значения.
- [Родительский элемент](https://chugunov.pro/glossary/frontend/roditel-skii-element/) — Узел, непосредственно содержащий один или несколько дочерних элементов.
- [Соседний элемент](https://chugunov.pro/glossary/frontend/sosednii-element/) — Элемент, имеющий того же непосредственного родителя, что и другой рассматриваемый узел.
- [Строчный элемент](https://chugunov.pro/glossary/frontend/strochnyi-element/) — Элемент, участвующий в строковом потоке и занимающий только необходимое содержимому место.