css - contain

contain: none
ABC 1 2 abc 한글 12345
contain: strict = size layout paint
ABC 1 2 abc 한글 12345
contain: content = layout paint
ABC 1 2 abc 한글 12345
contain: size
ABC 1 2 abc 한글 12345
자식의 크기가 부모에 영향을 미치지 않는다. 스크롤바, 기본 높이 너비 등
contain: layout
ABC 1 2 abc 한글 12345
리에아웃 범위를 페이지에서 지정한 노드로 제한한다. 처리할 노드가 줄어들어 레이아웃(reflow)가 줄어듬. 눈으로 차이점 확인이 안되네.
contain: layout
ABC 1 2 abc 한글 12345
contain: style (제외예정)
ABC 1 2 abc 한글 12345
contain: paint
ABC 1 2 abc 한글 12345
범위를 벗어나면 그리지 않는다.
contain: size layout
ABC 1 2 abc 한글 12345
textarea contain: strict - 동작 안함
contain: none
ABC 1 2 abc 한글 12345
contain: strict = size layout paint
ABC 1 2 abc 한글 12345
contain: content = layout paint
ABC 1 2 abc 한글 12345
contain: size
ABC 1 2 abc 한글 12345
contain: layout
ABC 1 2 abc 한글 12345
contain: layout
ABC 1 2 abc 한글 12345
contain: style (제외예정)
ABC 1 2 abc 한글 12345
contain: paint
ABC 1 2 abc 한글 12345
contain: size layout
ABC 1 2 abc 한글 12345
textarea contain: strict - 동작 안함