CSS contain


개발자가 페이지의 하위 트리(subtree)를 페이지의 나머지 부분과 분리할 수 있도록 하여 웹 페이지의 성능을 향상시키는 것
웹페이지에서 선택된 하위 트리를 문서의 나머지 영역과 분리하는 기능
성능향상에 좋다
- strict - `contain: size layout paint`
- **layout **- 요소 외부의 어느 것도 내부 레이아웃에 영향을 주지 않고, 그 반대도 성립함
- **paint** - 화면 그 자체 렌더링 외부 영향 없음
- **size** - 요소 내부 것 사이즈 안재고


- none
- content 
- style - style 이 외부로 벗어나지 않는다



> [CSS Containment Module 소개 | WIT블로그](https://wit.nts-corp.com/2019/07/08/5594)

> [CSS Containment - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Containment)

> [[스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링](https://black7375.tistory.com/79)

> [CSS Containment in Chrome 52 | Web | Google Developers](https://developers.google.com/web/updates/2016/06/css-containment)






