contain

contain: none | strict | content | size | layout | style | paint

📝 Описание

Позволяет указать, что элемент и его содержимое максимально независимы от остальной части дерева документа.

Значение по умолчанию: none

🎯 Возможные значения

  • none — нет ограничений
  • strict — все правила contain
  • content — layout, style, paint
  • size — размер не зависит от содержимого
  • layout — макет не влияет на внешние элементы
  • style — счётчики, цитаты изолированы
  • paint — содержимое не выходит за границы
.widget {
  contain: layout paint;
}

🌐 Поддержка браузеров

Chrome 52+, Firefox 69+, Safari 15.4+