CSS Birim Referansı

px, em, rem, %, vw, vh, vmin, vmax ve ch birimlerini kategorilere göre toplayan CSS birimleri referansı. Her mutlak ve göreli birimin ne zaman kullanılacağını açıkça anlatır, ücretsiz.

Birim	Ad	Tür	Açıklama	Örnek
px	Pixels	absolute	Ekranda bir piksel. En temel birim.	font-size: 16px;
em	Em	relative	Üst öğenin font-size değerinin katı.	padding: 1.5em;
rem	Root Em	relative	Kök (html) öğesinin font-size değerinin katı.	margin: 2rem;
%	Percent	relative	İlgili üst özelliğe göre yüzde.	width: 50%;
vw	Viewport Width	viewport	Görüntü alanı genişliğinin %1'i.	width: 100vw;
vh	Viewport Height	viewport	Görüntü alanı yüksekliğinin %1'i.	height: 100vh;
vmin	Viewport Min	viewport	vw ve vh değerlerinden küçüğünün %1'i.	font-size: 5vmin;
vmax	Viewport Max	viewport	vw ve vh değerlerinden büyüğünün %1'i.	width: 50vmax;
dvh	Dynamic VH	viewport	Dinamik görüntü alanı yüksekliği (mobil adres çubuğunu hesaba katar).	height: 100dvh;
svh	Small VH	viewport	En küçük görüntü alanı yüksekliği.	min-height: 100svh;
lvh	Large VH	viewport	En büyük görüntü alanı yüksekliği.	max-height: 100lvh;
ch	Character	relative	"0" karakterinin genişliğine dayanır.	max-width: 60ch;
ex	X-Height	relative	"x" karakterinin yüksekliğine dayanır.	line-height: 2ex;
cm	Centimeters	absolute	Santimetre. Baskı için.	width: 10cm;
mm	Millimeters	absolute	Milimetre. Baskı için.	margin: 5mm;
in	Inches	absolute	İnç (1in = 96px).	width: 2in;
pt	Points	absolute	Punto (1pt = 1/72in).	font-size: 12pt;
cqi	Container Inline	container	Konteyner satır içi boyutunun %1'i.	font-size: 5cqi;
cqb	Container Block	container	Konteyner blok boyutunun %1'i.	padding: 2cqb;

19개 표시 중

Yerleştir

<iframe src="https://devtools.patrache.studio/tr/references/css-units/?embed=1" width="100%" height="620"
  style="border:1px solid #e5e7eb;border-radius:12px" loading="lazy"
  title="CSS Birim Referansı — Patrache Studio DevTools"></iframe>
<p><a href="https://devtools.patrache.studio/tr/references/css-units/">CSS Birim Referansı</a> by
   <a href="https://patrache.studio/">Patrache Studio</a></p>

Son guncelleme: 2026 · Ucretsiz cevrimici arac

CSS Birim Referansı nedir?

px, em, rem, %, vw, vh, vmin, vmax ve ch birimlerini kategorilere göre toplayan CSS birimleri referansı. Her mutlak ve göreli birimin ne zaman kullanılacağını açıkça anlatır, ücretsiz.

Nasil Kullanilir

1
Giriş— Gerekli verileri girin.
2
Sonuçlar— İşlenen sonuçları inceleyin.
3
Kopyala— Sonuçları kopyalayın.

Ilgili Araclar

PX-REM DönüştürücüCSS piksel ve rem birimlerini özelleştirilebilir kök yazı tipi boyutuna göre iki yönlü çeviren PX-REM dönüştürücü, ondalık değerler dahil. Kopyalanabilir referans tablosu ve CSS parçacığı ile.

Tarayıcı Uyumluluk KontrolüHerhangi bir CSS, JavaScript, HTML veya Web API özelliği için tarayıcı uyumluluğu: Chrome, Firefox, Safari ve Edge'in hangi sürümleri destekliyor. Tarayıcıda anında ve ücretsiz.

CSS Gradyan OluşturucuDoğrusal, radyal ve konik geçişler için görsel CSS gradyan oluşturucu: renk durakları ekleyin, açıyı ayarlayın ve hazır CSS'i kopyalayın. Arka plan ve butonlar için ideal, ücretsiz.

CSS Box Shadow OluşturucuOfset, bulanıklık, yayılma, renk ve inset kontrolleriyle canlı önizleme sunan ücretsiz çevrimiçi CSS box-shadow kodu oluşturucu.

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.