CSS Birim Referansı
| 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개 표시 중
Son guncelleme: 2026 · Ucretsiz cevrimici arac
CSS Birim Referansı nedir?
px, em, rem, %, vw, vh, vmin, vmax ve ch dahil CSS birimleri için ücretsiz referans; kategorilere göre, her mutlak ve göreli birimin ne zaman ve nasıl kullanılacağını açıklar.
Nasil Kullanilir
- 1Giriş— Gerekli verileri girin.
- 2Sonuçlar— İşlenen sonuçları inceleyin.
- 3Kopyala— Sonuçları kopyalayın.
Ilgili Araclar
Regex Kopya KağıdıDüzenli ifade söz dizimini meta karakterler, niceleyiciler, çapalar ve gruplar gibi kategorilere göre düzenleyen, tek tıkla desen kopyalama ve JavaScript regex uyumluluğu sunan ücretsiz aranabilir regex kopya kağıdı.
Git Hızlı BaşvuruDallandırma ve birleştirmeden rebase, stash ve reset'e kadar kategoriye göre aranabilir komutlar içeren ücretsiz Git kopya kağıdı; her komut kullanımını ve tehlike düzeyini gösterir.
Sikca Sorulan Sorular
Tüm CSS uzunluk, açı ve zaman birimlerini kapsayan ücretsiz referans.
Hayır. Tüm işlemler tarayıcınızda gerçekleşir.
Evet, duyarlı tasarım mobil cihazlarda çalışır.