Référence unités 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개 표시 중
Dernière mise à jour : 2026 · Outil en ligne gratuit
Qu'est-ce que Référence unités CSS ?
Référence gratuite des unités CSS (px, em, rem, %, vw, vh, vmin, vmax, ch) classées par catégorie, expliquant quand et comment utiliser chaque unité absolue et relative.
Comment utiliser
- 1 Rechercher — Recherchez l'élément souhaité par mot-clé.
- 2 Catégorie — Filtrez par boutons de catégorie.
- 3 Copier — Copiez l'élément souhaité.
Outils associés
Aide-mémoire Regex Aide-mémoire regex gratuit et consultable qui organise la syntaxe des expressions régulières par catégorie comme métacaractères, quantificateurs, ancres et groupes, avec copie de motifs en un clic et compatibilité regex JavaScript.
Aide-mémoire Git Aide-mémoire Git gratuit avec des commandes recherchables par catégorie, du branching au merge en passant par rebase, stash et reset, chacune avec usage et niveau de danger.
Questions fréquentes
Un outil gratuit en ligne pour parcourir les unités CSS comme px, em, rem, vh, vw par catégorie.
Non. Tout le traitement se fait dans votre navigateur.
Oui, vous pouvez copier ou télécharger les résultats.
Oui, le design responsive fonctionne sur les appareils mobiles.
Oui, c'est entièrement gratuit.