CSS Types

CSS Types

Editing

<'container-type'>

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

container-type 속성에 사용되는 타입이다.

구문

  • CSS Containment Module Level 3
    normal || [ size | inline-size ]

사용되는 키워드

키워드요약
inline-size

컨테이너 자체의 인라인 축에서 컨테이너 크기 쿼리에 대한 쿼리 컨테이너(query container)을 설정한다. 기본 박스(principal box)에 레이아웃 포함(layout containment), 스타일 포함(style containment), 인라인 크기 포함(inline-size containment)을 적용한다.

normal

컨테이너 크기 쿼리에 대한 쿼리 컨테이너(query container)가 아니지만 컨테이너 스타일 쿼리(container style queries)에 대한 쿼리 컨테이너(query container)로 남아 있다.

size

인라인 축과 블록 축 모두에서 컨테이너 크기 쿼리를 위한 쿼리 컨테이너(query container)를 설정한다. 기본 박스(principal box)에 레이아웃 포함(layout containment), 스타일 포함(style containment), 크기 포함(size containment)을 적용한다.

버전 명세

Modules
Module NameStatusSummary
CSS Containment Module Level 3

Last review date: 2023-3-30