Dimension, 크기 단위

●Dimension (크기)

 ▷HTML요소의 크기를 조절 가능

 

○height

 ▷높이 설정

 ▷기본 : auto (자동으로 지정)

 

○width

 ▷너비 설정

 ▷기본 : auto (자동으로 지정)

 

○max-width

 ▷최대 너비 지정

 ▷줄어드는 웹 브라우저의 크기에 맞춰 자동으로 줄어듬.

 ▷기본 : none (없음)

 

○min-width

 ▷최소 너비 지정

 ▷최소 너비만 지정하면, width는 100%로 설정됨. 이 이하로 줄어들면 스크롤바 생성.

 ▷기본 : none (없음)

 

○max-height

 ▷최대 높이 설정

 ▷높이가 설정한 최대 높이보다 크면 스크롤바 생성

 ▷기본 : none (없음)

 

○min-height

 ▷최소 높이 설정

 ▷max-height, height보다 우선적으로 적용됨.

 ▷기본 : none (없음)

 

※자주 쓰이는 크기 단위

 ▷% : 백분율 단위, 기본을 100%로 두고 상대적인 크기 결정

 ▷배수 단위 : 기본을 1em으로 두고, 그에 대한 상대적인 크기 설정 (글꼴에서 사용)

 ▷px : 스크린의 픽셀 단위 (절대)