처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS contain 속성의 주된 목적으로 올바른 것은?

어려움 MDN Web Docs
보기 및 정답
A 요소의 레이아웃, 페인트, 크기 등을 나머지 페이지와 격리하여 브라우저 렌더링 성능을 최적화한다
B overflow: auto와 overflow: scroll은 모든 상황에서 항상 완전히 동일하게 동작하는 속성이다
C float 속성이 적용된 요소는 display가 자동으로 inline으로 변경된다
D overflow: visible이 기본값이며 내용이 넘치면 자동 스크롤바가 생긴다

해설

CSS contain 속성은 브라우저에게 요소가 페이지의 나머지 부분과 독립적임을 알려 렌더링 최적화를 가능하게 합니다. contain: layout paint size처럼 설정하면 해당 요소 내부의 변경이 외부에 영향을 주지 않으므로 불필요한 재계산을 줄일 수 있습니다. content-visibility: auto의 내부 동작 기반이기도 합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기