# Shadow DOM

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

## Коротко

Изолированное дерево DOM внутри веб-компонента, скрывающее внутреннюю разметку и ограничивающее влияние внешних стилей.

## Что такое «Shadow DOM»

Изолированное дерево DOM внутри веб-компонента, скрывающее внутреннюю разметку и ограничивающее влияние внешних стилей. Теневой DOM инкапсулирует структуру и стили компонента, защищая их от конфликтов со страницей. Внешние селекторы не проникают внутрь, а внутренние не влияют наружу. Это одна из ключевых технологий веб-компонентов, обеспечивающая настоящую изоляцию.

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

- [Узел DOM](https://chugunov.pro/glossary/frontend/uzel-dom/) — Элемент дерева документа: тег, текст, комментарий, атрибут либо сам документ.
- [Тень блока](https://chugunov.pro/glossary/frontend/ten-bloka/) — CSS-эффект, добавляющий одну или несколько внешних либо внутренних теней к прямоугольнику элемента.
- [Тень текста](https://chugunov.pro/glossary/frontend/ten-teksta/) — CSS-свойство, добавляющее к глифам одну или несколько визуальных теней. `text-shadow` задаёт смещение, размытие и цвет тени под буквами.
- [Компоновка](https://chugunov.pro/glossary/frontend/komponovka/) — Рассчитанное расположение и размеры элементов страницы в доступном пространстве.
- [Перерасчёт компоновки](https://chugunov.pro/glossary/frontend/pereraschiot-komponovki/) — Повторное вычисление размеров и положения элементов после изменения DOM, стилей или окна.
- [Пересчёт стилей](https://chugunov.pro/glossary/frontend/pereschiot-stilei/) — Повторное определение вычисленных CSS-значений после изменения классов, DOM, среды или таблиц стилей.
- [Изоляция компоновки](https://chugunov.pro/glossary/frontend/izoliatsiia-komponovki/) — CSS-механизм, ограничивающий влияние внутреннего содержимого элемента на размеры, стили или отрисовку остальной страницы.
- [Селектор ключевого кадра](https://chugunov.pro/glossary/frontend/selektor-kliuchevogo-kadra/) — Обозначение процента времени или ключевое слово from/to внутри правила @keyframes.