Referensi Satuan 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개 표시 중
Terakhir diperbarui: 2026 · Alat online gratis
Apa itu Referensi Satuan CSS?
Referensi unit CSS gratis mencakup px, em, rem, %, vw, vh, vmin, vmax dan ch per kategori, dengan penjelasan jelas kapan dan bagaimana memakai setiap unit absolut dan relatif.
Cara Penggunaan
- 1 Input — Masukkan data yang diperlukan.
- 2 Hasil — Tinjau hasil yang diproses.
- 3 Salin — Salin hasil untuk digunakan.
Alat Terkait
Lembar Contekan Regex Lembar contekan regex gratis yang dapat dicari yang mengelompokkan sintaks ekspresi reguler berdasarkan kategori seperti metakarakter, kuantifier, jangkar dan grup, dengan penyalinan pola sekali klik dan kompatibilitas regex JavaScript.
Lembar Contekan Git Cheatsheet Git gratis dengan perintah yang dapat dicari per kategori, dari branching dan merge hingga rebase, stash dan reset, masing-masing menampilkan cara pakai dan tingkat bahaya.
Pertanyaan yang Sering Diajukan
Referensi satuan CSS gratis mencakup semua satuan panjang, sudut, dan waktu.
Tidak. Semua pemrosesan dilakukan di browser Anda.
Ya, desain responsif berfungsi di perangkat seluler.