CSS Types

CSS Types

Editing

<physical-size>

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

박스의 물리적 방향인 가로, 세로 크기를 지정하는 값의 타입이다.

구문

  • auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>)

사용되는 키워드

키워드요약
auto

UA(유저 에이전트)가 자동으로 설정한다. inline-level 수준의 요소이면 가지고 있는 콘텐츠만큼 너비를 가지며 block-level 수준이면 기본적으로 상위 요소의 크기에 상대적으로 100%의 너비를 갖는다. 높이 값을 auto로 지정하면 inline-level 수준의 요소는 높이를 가질 수 없으며 block-level 수준의 요소는 가지고 있는 콘텐츠만큼 높이가 형성된다.

min-width/min-height의 경우에는 자동 최소 크기를 지정하는데 0으로 해석된다.

max-content

관련 축의 최대 콘텐츠를 사용하여 크기를 사용한다. Block-level 수준의 요소에게 명시적으로 크기를 지정하지 않는 한 auto와 동일하다.

min-content

관련 축에서 최소 콘텐츠의 크기를 사용한다. auto로 지정하는 것과 동일하다.

none

크기에 제한이 없다.

관련 함수

사용되는 타입

버전 명세

Modules
Module NameStatusSummary
CSS Box Sizing Module Level 3

Last review date: 2022-6-13