CSS 단위 참조
모든 CSS 단위를 둘러보세요 — 절대(px, cm, pt), 폰트 상대(em, rem, ch), 뷰포트(vw, dvh), 컨테이너 쿼리, 그리드(fr), 각도, 시간, 해상도 — 설명, "사용 시점" 메모, 복사 가능한 토큰과 함께 검색·유형 필터 가능한 참조표에서. 브라우저에서, 무료.
모든 CSS 단위를 설명합니다. 모든 처리는 내장 참조표를 바탕으로 브라우저에서 실행됩니다 — 서버로 전송되는 것은 없습니다.
CSS 단위 참조 소개
CSS 단위 레퍼런스는 언어가 제공하는 모든 단위, 총 45개를 유형별로 정리해 문서화합니다: px, cm, pt 같은 절대 단위, em, rem, ch, lh 같은 폰트 상대 단위, vw와 vh부터 최신의 svh, lvh, dvh까지의 뷰포트 단위, cqw와 cqi 같은 컨테이너 쿼리 단위, 그리드 fr 단위, 그리고 각도, 시간, 해상도, 백분율까지 포함합니다.
각 카드는 단순한 정의 이상을 제공합니다. 복사 가능한 모노스페이스로 표시된 단위 토큰, 정식 이름, 카테고리, 계산 방식에 대한 쉬운 설명, 그리고 이 단위가 진가를 발휘하는 상황과 다른 단위가 더 나은 상황을 알려주는 실용적인 "언제 사용할지" 참고사항이 담겨 있습니다.
검색은 토큰, 이름, 의미에 모두 일치하므로 rem, viewport width, root 모두 해당 단위를 찾아주며, 유형 칩으로 그리드를 한 계열로 필터링할 수 있습니다. 모든 것이 내장 레퍼런스를 기반으로 브라우저에서 실행되며 서버로 아무것도 전송되지 않습니다.
CSS 단위 참조 사용 방법
- 토큰, 이름 또는 의미로 단위를 검색하세요. 예: rem, viewport width 또는 angle.
- 유형 칩을 사용해 absolute, font-relative, viewport, container, grid, angle, time, resolution, percentage 단위로 그리드를 필터링하세요.
- 각 단위의 설명과 "언제 사용할지" 참고사항을 읽고 알맞은 단위를 고르세요.
- 복사 버튼을 클릭해 스타일시트에 사용할 단위 토큰을 가져오세요.