CSS-Einheiten-Referenz
| 단위 | 이름 | 유형 | 설명 | 예시 |
|---|---|---|---|---|
| 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개 표시 중
Zuletzt aktualisiert: 2026 · Kostenloses Online-Tool
Was ist CSS-Einheiten-Referenz?
Kostenlose Online-Referenz für CSS-Einheiten wie px, em, rem, %, vw, vh, vmin, vmax und ch nach Kategorie, mit klaren Erklärungen zu jeder absoluten und relativen Einheit.
Anleitung
- 1 Suchen — Suchen Sie den gewünschten Eintrag per Schlüsselwort.
- 2 Kategorie — Filtern Sie nach Kategorien.
- 3 Kopieren — Kopieren Sie den gewünschten Eintrag.
Verwandte Tools
Regex-Spickzettel Kostenlose durchsuchbare Regex-Referenz, die die Syntax regulärer Ausdrücke nach Kategorien wie Metazeichen, Quantoren, Anker und Gruppen ordnet, mit Ein-Klick-Kopieren von Mustern und JavaScript-Regex-Kompatibilität.
Git-Spickzettel Kostenlose Git-Cheatsheet mit durchsuchbaren Befehlen nach Kategorie, von Branching und Merging bis Rebase, Stash und Reset, jeweils mit Verwendung und Gefahrenstufe gegen Fehler.
Häufig gestellte Fragen
Ein kostenloses Online-Tool zum Nachschlagen von CSS-Einheiten wie px, em, rem, vh, vw nach Kategorien.
Ja, Sie können in Echtzeit nach Schlüsselwörtern suchen.
Nein. Es verwendet statische Daten und funktioniert offline.
Ja, klicken Sie auf einen Eintrag, um ihn zu kopieren.
Ja, das responsive Design funktioniert auf Mobilgeräten.