CSS Birim Referansı
| 단위 | 이름 | 유형 | 설명 | 예시 |
|---|---|---|---|---|
| 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개 표시 중
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
- 1 Giriş — Gerekli verileri girin.
- 2 Sonuçlar — İşlenen sonuçları inceleyin.
- 3 Kopyala — 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şvuru Dallandı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.