CSS 측정 단위

CSS Measurement Units

CSS 측정 단위, CSS 길이 단위

1 목록

단위	설명	예시
상대 길이
% ★★★	부모 요소 대비 퍼센트
vw	뷰포트 너비 퍼센트
vh	뷰포트 높이 퍼센트
vmin	뷰포트 높이·너비 중 작은 쪽 퍼센트
vmax	뷰포트 높이·너비 중 큰 쪽 퍼센트
em ★★	font-size 대비 크기
ex	글자 'x' 높이 대비 크기. 거의 사용안함
ch	글자 '0' 너비 대비 크기
rem	루트 요소의 font-size 대비 크기
절대 길이
px ★★★	픽셀
pt	포인트 = 1/72 인치 ≒ 1.33 px
pc	피카 = 12 pt ≒ 16 px
in	인치 = 2.54 cm ≒ 96 px
cm	센티미터 = 0.39 인치 ≒ 37.80 px
mm	밀리미터 = 0.04 인치 ≒ 3.78 px

→ 표에 있는 절대 길이의 px 환산값은 대략적인 것임. PPI에 따라 달라질 수 있음

2 같이 보기

• 뷰포트
• 퍼센트
• 픽셀
• 인치
• 센티미터, 밀리미터
• PPI

3 참고

• http://www.w3schools.com/cssref/css_units.asp
• https://www.tutorialspoint.com/css/css_measurement_units.htm