<'content-visibility'>

데브딕에서 지정한 색인용 자료 타입

content-visibility 속성에 사용되는 타입이다.

키워드 요약

키워드	요약
auto	요소에 대한 `layout`, `style`, `paint` 격리를 활성화한다. 요소가 사용자와 관련이 없는 경우(뷰포트 바깥) 해당 콘텐츠를 건너뛴다. `hidden`과 달리 건너뛴 콘텐츠는 페이지에서 찾기, 탭 순서 탐색 등과 같은 유저 에이전트(user agent)의 기능을 정상적으로 사용이 가능하다. 그리고 포커스를 맞추고 선택할 수 있다.
hidden	요소의 콘텐츠를 건너뛴다. 건너뛴 콘텐츠는 페이지에서 찾기, 탭 순서 탐색 등과 같은 유저 에이전트(user agent) 기능에 액세스할 수 없으며 선택 가능하거나 포커스를 맞출 수 없다.
visible	요소의 콘텐츠가 정상적으로 배치되고 렌더링된다.

auto

요소에 대한 layout, style, paint 격리를 활성화한다. 요소가 사용자와 관련이 없는 경우(뷰포트 바깥) 해당 콘텐츠를 건너뛴다.

hidden과 달리 건너뛴 콘텐츠는 페이지에서 찾기, 탭 순서 탐색 등과 같은 유저 에이전트(user agent)의 기능을 정상적으로 사용이 가능하다. 그리고 포커스를 맞추고 선택할 수 있다.

hidden

요소의 콘텐츠를 건너뛴다. 건너뛴 콘텐츠는 페이지에서 찾기, 탭 순서 탐색 등과 같은 유저 에이전트(user agent) 기능에 액세스할 수 없으며 선택 가능하거나 포커스를 맞출 수 없다.

visible

요소의 콘텐츠가 정상적으로 배치되고 렌더링된다.

Modules
Module Name	Status	Summary
CSS Containment Module Level 2		Last review date: 2023-1-25

CSS Reference
HTML
JavaScript
Development