Referensi Satuan CSS
| Unit | Name | Type | Description | Example |
|---|---|---|---|---|
| px | Pixels | absolute | One pixel on screen. The most basic unit. | font-size: 16px; |
| em | Em | relative | Multiple of the parent element font-size. | padding: 1.5em; |
| rem | Root Em | relative | Multiple of the root (html) element font-size. | margin: 2rem; |
| % | Percent | relative | Percentage relative to the corresponding parent property. | width: 50%; |
| vw | Viewport Width | viewport | 1% of the viewport width. | width: 100vw; |
| vh | Viewport Height | viewport | 1% of the viewport height. | height: 100vh; |
| vmin | Viewport Min | viewport | 1% of the smaller of vw and vh. | font-size: 5vmin; |
| vmax | Viewport Max | viewport | 1% of the larger of vw and vh. | width: 50vmax; |
| dvh | Dynamic VH | viewport | Dynamic viewport height (accounts for mobile address bar). | height: 100dvh; |
| svh | Small VH | viewport | Smallest viewport height. | min-height: 100svh; |
| lvh | Large VH | viewport | Largest viewport height. | max-height: 100lvh; |
| ch | Character | relative | Based on the width of the "0" character. | max-width: 60ch; |
| ex | X-Height | relative | Based on the height of the "x" character. | line-height: 2ex; |
| cm | Centimeters | absolute | Centimeters. For print. | width: 10cm; |
| mm | Millimeters | absolute | Millimeters. For print. | margin: 5mm; |
| in | Inches | absolute | Inches (1in = 96px). | width: 2in; |
| pt | Points | absolute | Points (1pt = 1/72in). | font-size: 12pt; |
| cqi | Container Inline | container | 1% of the container inline size. | font-size: 5cqi; |
| cqb | Container Block | container | 1% of the container block size. | 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
- 1Input— Masukkan data yang diperlukan.
- 2Hasil— Tinjau hasil yang diproses.
- 3Salin— Salin hasil untuk digunakan.
Alat Terkait
Lembar Contekan RegexLembar 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 GitCheatsheet 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.