CSS 단위 참조

단위	이름	유형	설명	예시
px	Pixels	absolute	화면의 1픽셀. 가장 기본적인 단위.	font-size: 16px;
em	Em	relative	부모 요소의 font-size 기준 배수.	padding: 1.5em;
rem	Root Em	relative	루트(html) 요소의 font-size 기준 배수.	margin: 2rem;
%	Percent	relative	부모 요소의 해당 속성 기준 백분율.	width: 50%;
vw	Viewport Width	viewport	뷰포트 너비의 1%.	width: 100vw;
vh	Viewport Height	viewport	뷰포트 높이의 1%.	height: 100vh;
vmin	Viewport Min	viewport	vw와 vh 중 작은 값의 1%.	font-size: 5vmin;
vmax	Viewport Max	viewport	vw와 vh 중 큰 값의 1%.	width: 50vmax;
dvh	Dynamic VH	viewport	동적 뷰포트 높이 (모바일 주소창 고려).	height: 100dvh;
svh	Small VH	viewport	최소 뷰포트 높이.	min-height: 100svh;
lvh	Large VH	viewport	최대 뷰포트 높이.	max-height: 100lvh;
ch	Character	relative	"0" 문자의 너비 기준.	max-width: 60ch;
ex	X-Height	relative	"x" 문자의 높이 기준.	line-height: 2ex;
cm	Centimeters	absolute	센티미터. 인쇄용.	width: 10cm;
mm	Millimeters	absolute	밀리미터. 인쇄용.	margin: 5mm;
in	Inches	absolute	인치 (1in = 96px).	width: 2in;
pt	Points	absolute	포인트 (1pt = 1/72in).	font-size: 12pt;
cqi	Container Inline	container	컨테이너 인라인 크기의 1%.	font-size: 5cqi;
cqb	Container Block	container	컨테이너 블록 크기의 1%.	padding: 2cqb;

19개 표시 중

최종 업데이트: 2026년 · 무료 온라인 도구

CSS 단위 참조란?

px, em, rem, %, vw, vh, vmin, vmax, ch 등 CSS 단위를 카테고리별로 정리하고 용도를 설명하는 무료 참조표. 코딩 중 빠르게 찾아봐야 할 코드·기호·단축키 정보를 한곳에서 확인할 수 있어 편리하며, 브라우저에서 즉시 검색·복사할 수 있고 설치나 회원가입 없이 무료로 이용할 수 있습니다.

사용 방법

1
검색— 키워드로 원하는 항목을 검색하세요.
2
카테고리— 카테고리 버튼으로 필터링하세요.
3
복사— 필요한 항목을 복사하세요.

자주 묻는 질문

px em rem vh vw 등 CSS 단위를 카테고리별로 참조하는 무료 온라인 도구입니다.

네, 키워드로 실시간 검색할 수 있습니다.

아니요. 정적 데이터로 오프라인에서도 사용 가능합니다.

네, 필요한 항목을 클릭하여 복사할 수 있습니다.

네, 반응형으로 모바일에서도 동작합니다.

CSS 단위 참조

CSS 단위 참조란?

사용 방법

관련 도구

자주 묻는 질문