CSS Ölçü Birimleri (Units)

CSS Ölçü Birimleri (Units)

CSS, bir uzunluğu ifade etmek için birkaç farklı birime sahiptir.

Birçok CSS özelliği, genişlik, kenar boşluğu, dolgu, yazı tipi boyutu vb.  "uzunluk" değerlerini alabilir.

Örnek:

h1 {
  font-size: 60px;
}

p {
  font-size: 25px;
  line-height: 50px;
}

Not: Sayı ve birim arasındaki boşluklar görünemez. Ancak değer 0 ise, birim atlanabilir.

Bazı CSS özellikleri için negatif uzunluklara izin verilir.

İki tür uzunluk birimi vardır bunlar; mutlak ve göreceli (absolute ve relative)'dir.

Mutlak Uzunluklar (Absolute Lengths)

Mutlak uzunluk birimleri sabittir ve bunlardan herhangi birinde ifade edilen bir uzunluk tam olarak bu boyutta görüntülenir.

Ekran boyutları çok farklı olduğundan, mutlak uzunluk birimlerinin ekranda kullanılması önerilmez. Ancak, çıktı ortamı biliniyorsa, örneğin baskı düzeni için kullanılabilirler.

* Piksel (px) görüntüleme cihazına göredir. Düşük dpi cihazlar için 1 piksel, ekranın bir cihaz pikselidir. Yazıcılar ve yüksek çözünürlüklü ekranlar için 1 piksel, birden çok aygıt pikseli anlamına gelir.

Göreceli Uzunluklar (Relative Lengths)

Göreceli uzunluk birimleri, başka bir uzunluk özelliğine göre bir uzunluk belirler. Göreceli uzunluk birimleri, farklı oluşturma ortamları arasında daha iyi ölçeklenirler.