CSS Birimleri
CSS uzunluğu ifade etmek için birkaç farklı birimler vardır.
Birçok CSS özelliklerini almak "length" vb genişlik, marj, dolgu, font-size, border-width, gibi değerleri,
Süre, bir uzunluk birimi takip ettiği bir sayı, örneğin 10px, 2em, vb.dir
Bir boşluk sayısı ve birim arasında görünemez. değeri 0 ise, ancak, cihaz ihmal edilebilir.
Bazı CSS özellikleri için, negatif uzunlukları izin verilir.
göreli ve mutlak: uzunluk birimlerinin iki tipi vardır.
Tarayıcı Desteği
Tablodaki rakamlar tam uzunluk birimini destekleyen ilk tarayıcı sürümü belirtin.
| Uzunluk Birimi | |||||
|---|---|---|---|---|---|
| em, ex, %, px, cm, mm, in, pt, pc | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
| ch | 27,0 | 9.0 | 1.0 | 7 | 20.0 |
| rem | 4.0 | 9.0 | 3.6 | 4.1 | 11.6 |
| vh, vw | 20.0 | 9.0 | 19.0 | 6 | 20.0 |
| vmin | 20.0 | 9.0 * | 19.0 | 6 | 20.0 |
| vmax | 26,0 | Desteklenmiyor | 19.0 | Desteklenmiyor | 20.0 |
Note: Internet Explorer 9, standart dışı adıyla vmin destekler: vm.
Bağıl Uzunlukları
Bağıl uzunluk birimleri başka bir uzunluk niteliğine göreli bir uzunluk belirtir. Bağıl uzunluk birimleri farklı render ortamlarda arasında daha iyi ölçekler.
| birim | Açıklama |
|---|---|
| em | Elemanın font-size Göreli (2em means 2 times the size of the current font) Deneyin |
| ex | Geçerli yazı x-yüksekliğine Bağıl (rarely used) Deneyin |
| ch | Genişliğine göre "0" (zero) |
| rem | Kök elemanın Bağıl için yazı tipi boyutu |
| vw | Görüş alanının genişliği% 1'ine Bağıl * Deneyin |
| vh | Görünümün yüksekliğinin% 1'e Bağıl * Deneyin |
| vmin | Görüntü alanı en% 1'ine Bağıl * Daha küçük boyut Deneyin |
| vmax | Görüntü alanı en% 1'ine Bağıl * büyük boyut Deneyin |
| % |
Tip: em ve rem birimleri mükemmel ölçeklenebilir düzenini oluşturmada pratik!
* Görünüm tarayıcı penceresi boyutu =. Görünüm, 1vw = 0.5cm, 50cm genişse.
Mutlak Uzunlukları
mutlak uzunluk birimleri sabitlenir ve bir uzunluk bunların herhangi bir tam olarak bu boyut olarak görünür olarak ifade edilmiştir.
ekran boyutları çok farklılık nedeniyle Mutlak uzunluk birimleri, ekranda kullanılması tavsiye edilmez. Çıktı ortamı, baskı düzeni gelince, bilindiği takdirde Ancak, bunlar kullanılabilir.
| birim | Açıklama |
|---|---|
| cm | santimetre Deneyin |
| mm | milimetre Deneyin |
| in | inç (1in = 96px = 2.54cm) Deneyin |
| px * | piksel (1px = 1/96th of 1in) Deneyin |
| pt | noktaları (1pt = 1/72 of 1in) Deneyin |
| pc | pikası (1pc = 12 pt) Deneyin |
* Piksel (px) görüntüleme cihazına göredir. Düşük dpi cihazlar için, 1 piksel için tek bir cihaz piksel (dot) ekranın. yazıcılar ve yüksek çözünürlüklü ekranlar için 1 piksel, birden fazla aygıt piksel ifade eder.