CSS 단위 종류

CSS 단위

CSS에는 다양한 형태의 단위가 있으며, 필요에 맞게 사용합시다.

---

절대 단위

규격이 정해져 있으며, 각 단위들 끼리 값 변환이 가능합니다.

단위	의미
cm	센티미터 단위
mm	밀리미터 단위
in	인치(inch) 단위로, 2.54cm과 같음
px	픽셀(pixels) 단위로, 1/96inch와 같음
px	포인트(point) 단위로, 1/72inch와 같음
pc	피카(picas) 단위로, 12pt와 같음

 

상대 단위

다양한 플랫폼들에 유동적으로 적용할 수 있습니다.

단위	의미
em	폰트의 기본 크기 값에 비례한 단위
ex	폰트의 기본 X 높이에 비례한 단위
ch	"0"의 기본 폭에 비례한 단위
rem	최상위 요소의 폰트 크기에 비례한 단위
vw	뷰포트 너비에 비례한 단위
vh	뷰포트 높이에 비례한 단위
vmin	뷰포트의 최소 너비, 높이에 비례한 단위
%	브라우저 기본 글꼴을 100%하고 상대적 크기를 나타냄