처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
더보기
인사이트 FAQ 유튜브 카페

로그인

| 비밀번호찾기

추가 정보 입력

서비스 이용을 위해 휴대전화 번호를 입력해주세요.

회원가입

무료 회원가입 가입비 없이 무료로 가입할 수 있습니다

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / CSS / 문제

CSS content-visibility: auto 속성의 주된 이점은?

어려움 MDN Web Docs
보기 및 정답
A CSS의 clamp() 함수는 내부에 calc() 표현식을 사용할 수 없다
B 화면 밖에 있는 요소의 렌더링을 건너뛰어 초기 페이지 로드 성능을 향상시킨다
C CSS에서 aspect-ratio 속성은 이미지 요소에만 적용 가능한 속성이다
D display 속성을 변경하면 기존의 모든 CSS 속성이 초기화되어 재설정된다

해설

content-visibility: auto는 뷰포트에 보이지 않는 요소의 레이아웃과 페인팅을 건너뛰어 초기 렌더링 성능을 크게 개선합니다. 긴 목록이나 문서에서 화면 밖의 콘텐츠를 지연 렌더링하여 Largest Contentful Paint(LCP) 등의 성능 지표를 향상시킵니다.

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

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

정규반 살펴보기

관련 문제

CSS env() 함수에서 safe-area-inset-*을 사용하는 이유로 올바른 것은?
CSS
CSS의 상대 길이 단위 lh의 기준은 무엇인가요?
CSS
CSS에서 visibility: hidden과 display: none의 차이점으로 올바른 것은?
CSS
CSS에서 text-decoration-thickness 속성의 역할은?
CSS
CSS :placeholder-shown 의사 클래스와 ::placeholder 의사 요소의 차이점으로 올바른 것은?
CSS