myNotlar Logo

CSS Ölçü Birimleri


Bu bölüm DHTML, DOM ve CSS dahilinde kullanılan uzunluk, boyut ve konumlandırma ile ilgili ölçü birimlerini içermektedir.

Temel olarak tarayıcılar, bağlantılı (relative) ve tam (absolute) olmak üzere iki türlü değer birimini kullanmaktadırlar. Bağlantılı birimler genelde ana element olmak üzere farklı bir nesnenin/elementin özellik/ölçü değerlerine göre hesaplanarak bulunan değerleri temsil eder. Tam değerler ise milimetre veya santimetre gibi kati olarak belirtilebilen değerleri temsil eder. Bağlantılı değerler, em, ex, px ve % birimleri, tam değerler ise in, cm, mm, pt ve pc birimleri ile gösterilirler. Bu birimlerin değerleri ve açıklamaları aşağıdaki tabloda gösterilmektedir.

Ölçü Birimleri Karşılaştırmalı Tablo

Ölçü BirimiCanlı SonuçAçıklama
1 em
Ana elementin font boyunun (font-size) değerine göre hesaplanarak bulunur.
1 ex
Ana elementin küçük 'x' harfinin yükseklik değerine göre hesaplanarak bulunur..
1 px
Piksel. Ekrandaki bir noktanın yüksekliği. Genel olarak monitörlerde inç başına 96 nokta düşer.
1 in
inç. 1 inç = 2.54 cm.
1 cm
1 santimetre.
1 mm
1 milimetre.
1 pt
Punto (Point). 1 pt = 1/72 inç.
1 pc
Pika. 1 pc = 12 pt.

Daima farklı bir özellik değeri ile bağlantılı olan yüzde değerleri, geniş kapsamlı bir birim olduğu için bağlantılı olduğu özellik değişkendir.

Px (piksel) hakkında not : Piksel, monitörlerin çözünürlüğüne göre değişiklik gösterdiği için hesaplanan-bağlantılı bir değer birimidir. Örneğin, inç başına düşen nokta değerini temsil eden DPI (Dot Per Inch) birimine göre monitörler genelde 96 DPI'dır. Bunun yanında bir monitörün 72dpi veya 192 dpi olması gayet normaldir ki bu da piksel boyunu ve piksel arası mesafeleri değiştirir. Standart monitörlerdeki pikseller arası mesafeler yaklaşık olarak aşağıdaki gibidir.

  • 72 dpi  = ~ 0.35 mm
  • 96 dpi  = ~ 0.26 mm
  • 120 dpi = ~ 0.20 mm
  • 192 dpi = ~ 0.13 mm

 
myNotlar Hakkında
Telif Hakkı © 2007-2009 mynotlar.com Tüm Hakları Saklıdır. Kopyalanamaz. Yayınlanamaz.
E-Posta : support@myNotlar.com

| Tek Kişilik Oyunlar | Sudoku | Oyunlar |