CSS Birimleri Referansı

Tüm araçlar Ücretsiz

Her CSS birimine göz atın — mutlak (px, cm, pt), yazı tipine bağlı (em, rem, ch), görünüm penceresi (vw, dvh), container-query, ızgara (fr), açı, zaman ve çözünürlük — aranabilir, türe göre filtrelenebilir bir referansta açıklama, "ne zaman kullanılır" notu ve kopyalamaya hazır tokenlarla. Tarayıcınızda, ücretsiz.

Her CSS birimi, açıklamalı. Her şey tarayıcınızda yerleşik bir referanstan çalışır — sunucuya hiçbir şey gönderilmez.

Aramanızla eşleşen birim yok.
Farklı bir birim veya kategori deneyin — örneğin rem, dvh, fr veya açı.

CSS Birimleri Referansı Hakkında

CSS Birimleri Referansı, dilin sunduğu her birimi (toplam 45 tane) türe göre organize ederek belgeler: px, cm ve pt gibi mutlak birimler; em, rem, ch ve lh gibi yazı tipine göreli birimler; vw ve vh'den daha yeni svh, lvh ve dvh'ye kadar görüntü alanı birimleri; cqw ve cqi gibi kapsayıcı sorgu birimleri; ızgara fr birimi; ayrıca açı, zaman, çözünürlük ve yüzde.

Her kart size bir tanımdan fazlasını verir: kopyalanabilir tek aralıklı yazı tipinde birim jetonu, tam adı, kategorisi, nasıl hesaplandığının sade dilde açıklaması ve birimin nerede yerini bulduğunu (ve başka birinin nerede daha iyi hizmet verdiğini) söyleyen pratik bir "ne zaman kullanılır" notu.

Arama jetonları, adları ve anlamları eşleştirir, bu yüzden rem, viewport width ve root hepsi kendi birimlerini bulur, tür etiketleri ise ızgarayı tek bir aileye filtreler. Her şey gömülü bir referanstan tarayıcınızda çalışır, hiçbir şey bir sunucuya gönderilmez.

CSS Birimleri Referansı Nasıl Kullanılır

  1. Bir birimi jetona, ada veya anlama göre arayın: örneğin rem, viewport width veya angle.
  2. Izgarayı mutlak, yazı tipine göreli, görüntü alanı, kapsayıcı, ızgara, açı, zaman, çözünürlük veya yüzde birimlerine filtrelemek için tür etiketlerini kullanın.
  3. Doğru olanı seçmek için her birimin açıklamasını ve "ne zaman kullanılır" notunu okuyun.
  4. Stil sayfanız için birim jetonunu almak üzere kopyala düğmesine tıklayın.

Sıkça sorulan sorular

Yazı tipi boyutları için ve kullanıcının tercih ettiği metin boyutuyla ölçeklenmesi gereken her şey için rem kullanın: rem kök yazı tipi boyutunu takip eder, bu yüzden tarayıcı erişilebilirlik ayarları işe yarar. Ince kenarlıklar gibi optik olarak sabit kalması gereken şeyler için px kullanın.

em geçerli elemanın kendi yazı tipi boyutuna görelidir, bu yüzden iç içe geçmiş elemanlar değeri katlar; rem her zaman kök elemana görelidir ve öngörülebilir sonuçlar verir. Bu yüzden rem, boşluk ve tip ölçekleri için varsayılan seçim haline gelmiştir.

Mobil tarayıcılar araç çubuklarını gösterir ve gizler, bu görünür yüksekliği değiştirirken vh daha büyük düzen boyutuna sabit kalır. Dinamik birim dvh, araç çubukları hareket ettikçe gerçek görünür yüksekliği takip eder, svh/lvh ise en küçük ve en büyük durumlara sabitlenir.

fr, bir ızgara kapsayıcısının boş alanını kesire göre dağıtır: grid-template-columns: 2fr 1fr, sabit izler ve boşluklar çıkarıldıktan sonra ilk sütuna ikincinin artan genişliğinin iki katını verir. Yalnızca ızgara izi tanımları içinde var olur.

Elemanları görüntü alanı yerine en yakın sorgu kapsayıcılarına göre boyutlandırırlar: cqw kapsayıcının genişliğinin %1'i, cqi ise satır içi boyutunun %1'idir. Bir bileşenin ekran boyutundan bağımsız olarak yaşadığı kutuya ölçeklenmesini sağlarlar.

Evet. Tüm 45 birim, tamamen tarayıcınızda çalışan bir sayfada ücretsiz olarak belgelenmiştir: kayıt yok, sunucuya istek yok.
Paylaş
İlgili Araçlar
HTTP Durum Kodları Her HTTP yanıt durum koduna (1xx–5xx) aranabilir, filtrelenebilir bir dizinde bakın — ardından herhangi bir kodu açarak ne anlama geldiğini, ne zaman kullanılacağını, önbelleğe alınabilir olup olmadığını ve onu tanımlayan RFC'yi görün. Tarayıcınızda, ücretsiz. Ücretsiz
HTTP Yöntemleri Her HTTP istek yöntemi için taranabilir bir referans — GET, POST, PUT, PATCH, DELETE ve diğerleri, ayrıca WebDAV — her birinin güvenli, idempotent ve önbelleğe alınabilir olup olmadığını, gövde alıp almadığını ve tipik bir örneği bir bakışta gösterir. Tarayıcınızda, ücretsiz. Ücretsiz
HTTP Başlıkları Referansı Yaygın HTTP istek ve yanıt başlıklarına aranabilir bir dizinde bakın — yöne ve kategoriye göre filtreleyin, tek satırlık bir açıklama ve gerçekçi bir örnek okuyun ve herhangi bir başlık adını tek tıkla kopyalayın. Tarayıcınızda, ücretsiz. Ücretsiz
DNS Kayıt Türleri Her yaygın DNS kayıt türüne göz atın — A, AAAA, CNAME, MX, TXT, NS, SOA, PTR, SRV, CAA, DNSKEY, DS, TLSA ve daha fazlası — amacı, kopyalanabilir bir zone dosyası örneği ve bir kategoriyle birlikte. Anında arayın ve filtreleyin, tarayıcınızda, ücretsiz. Ücretsiz
TCP/UDP Port Numaraları Bilinen ve yaygın olarak kullanılan ağ portlarına aranabilir bir tabloda bakın — FTP, SSH, HTTP, HTTPS, MySQL, Postgres, RDP, Redis, MongoDB ve 120'den fazlası, her biri taşıma protokolü, hizmeti, açıklaması ve kategorisiyle. Port numarasına veya hizmet adına göre arayın ve değerleri anında kopyalayın. Tarayıcınızda, ücretsiz. Ücretsiz
Alt Ağ / CIDR Hesaplayıcı CIDR veya maskeden IPv4 alt ağlarını hesaplayın: ağ, yayın, ana bilgisayar aralığı, joker maske ve daha fazlası. Ücretsiz
Yardıma mı ihtiyacınız var?
Bu araçta bir sorun mu buldunuz? Ekibimize bildirin.
Sorun bildir

Bu ücretsiz aracı kendi web sitenize ekleyin — aşağıdaki kodu kopyalayıp yapıştırın.