CSS Birim Dönüştürücü (px, em, rem, pt)

Web tasarımında kullanılan px, em, rem ve pt birimleri arasında, temel font boyutlarını belirleyerek anlık ve iki yönlü dönüşümler yapın.

Temel Font Boyutları
Birimler
Paylaş:

CSS Birim Dönüştürücü Aracı Nedir Nasıl Kullanılır?

Bu araç, web geliştiricilerin ve tasarımcıların kullandığı mutlak ve göreceli CSS ölçü birimleri arasında hızlı dönüşümler yapmasını sağlar.

Aracın Kullanımı

Temel Font Boyutlarını Ayarlayın: em ve rem göreceli birimler olduğu için, hesaplamaları bir temel değere ihtiyaç duyar.

  • Kök (Root) Font Boyutu: rem biriminin bağlı olduğu <html> etiketinin font boyutudur. Tarayıcılarda varsayılan değer 16px'dir.

  • Ebeveyn (Parent) Font Boyutu: em biriminin bağlı olduğu ana kapsayıcının font boyutudur. Projenizde farklı bir değer kullanmıyorsanız genellikle bu da 16px'dir.

Değer Girin: Dönüştürmek istediğiniz değeri, px, em, rem veya pt kutucuklarından herhangi birine yazın. Sonuçları Anlık Görün: Siz bir değere yazdığınız anda, diğer üç birimin karşılıkları anlık olarak hesaplanacaktır.

Birimler Hakkında

  • px (Piksel): Ekranda sabit bir boyutu temsil eden mutlak bir birimdir.

  • pt (Point): Genellikle baskı tasarımında kullanılan, 72 pt = 1 inç olan mutlak bir birimdir.

  • rem (Root em): Sayfanın kök (<html>) elementinin font boyutuna göre orantılı olan göreceli bir birimdir.

  • em: İçinde bulunduğu elementin ebeveyninin font boyutuna göre orantılı olan göreceli bir birimdir.


Yorumlar (0)

Yorum Ekle:

Henüz hiç yorum yapılmamış.


Bunlarda İlginizi Çekebilir!

Rastgele Sayı ve Şifre Üretici

Belirli aralıklarda rastgele sayılar veya belirlediğiniz kriterlere göre güçlü ve güvenli şifreler oluşturun.

Araca Git
Dosya İndirme Süresi Hesaplayıcı

Dosya boyutunu ve internet hızınızı girerek bir dosyanın indirme veya yükleme süresini gün, saat, dakika …

Araca Git
Renk Kontrast Oranı Denetleyici

Metin ve arkaplan renkleriniz arasındaki kontrast oranını hesaplayın ve WCAG erişilebilirlik standartlarına (AA/AAA) uygunluğunu kontrol …

Araca Git