contain
contain: none | strict | content | size | layout | style | paint
📝 Описание
Позволяет указать, что элемент и его содержимое максимально независимы от остальной части дерева документа.
Значение по умолчанию: none
🎯 Возможные значения
none— нет ограниченийstrict— все правила containcontent— layout, style, paintsize— размер не зависит от содержимогоlayout— макет не влияет на внешние элементыstyle— счётчики, цитаты изолированыpaint— содержимое не выходит за границы
.widget {
contain: layout paint;
}
🌐 Поддержка браузеров
Chrome 52+, Firefox 69+, Safari 15.4+