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!

Parola Güvenlik Analizcisi

Girdiğiniz parolanın ne kadar güçlü olduğunu, tahmini kırılma süresini ve nasıl daha güvenli hale getirebileceğinizi …

Araca Git
En Boy Oranı Hesaplayıcı

Bir resmin veya videonun en boy oranını bulun veya mevcut bir oranı koruyarak yeniden boyutlandırma …

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