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
크기에 제한이 없다.
관련 함수
fit-content()인수(argument)로 전달된 값은 minmax(auto, max-content)와 minmax(auto, argument) 중 더 작은 값으로 계산된다.