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 단위로 그리드를 필터링하세요.
- 각 단위의 설명과 "언제 사용할지" 참고사항을 읽고 알맞은 단위를 고르세요.
- 복사 버튼을 클릭해 스타일시트에 사용할 단위 토큰을 가져오세요.