CSS Types

CSS Types

Editing

〈box-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

크기에 제한이 없다.

관련 함수들

사용되는 하위 유형

지원 웹브라우저