사이징

width, height, min/max 크기를 제어합니다.

Width / Height

프리픽스속성예시
wwidthw100px, w50p, w100vw
hheighth100vh, h50p, h4rem
minwmin-widthminw0, minw20rem
maxwmax-widthmaxw80rem, maxw120rem
minhmin-heightminh100vh
maxhmax-heightmaxh50rem

Auto 값

클래스CSS
wawidth: auto
wiwidth: inherit
haheight: auto
hiheight: inherit
maxwamax-width: auto
maxwnmax-width: none
maxwfcmax-width: fit-content
maxwmincmax-width: min-content
maxwmaxcmax-width: max-content
maxhamax-height: auto
maxhnmax-height: none
maxhfcmax-height: fit-content
maxhmincmax-height: min-content
maxhmaxcmax-height: max-content
minwamin-width: auto
minwfcmin-width: fit-content
minwmincmin-width: min-content
minwmaxcmin-width: max-content
minhamin-height: auto
minhfcmin-height: fit-content
minhmincmin-height: min-content
minhmaxcmin-height: max-content
in0inset: 0
inainset: auto

Box Sizing

클래스CSS
bxzbbbox-sizing: border-box
bxzcbbox-sizing: content-box

Object Fit

클래스CSS
ofcobject-fit: cover
ofctobject-fit: contain