CSS’de Ölçü Birimleri

CSS’de ölçü birimleri en çok merak edilen konulardan biridir. CSS, inç ve santimetre gibi kesin birimlerle beraber yüzde ve em gibi göreceli birimleri de destekler. Stil kurallarınızda çeşitli ölçümler belirtirken bu değerlere ihtiyacınız vardır.

Ölçü Birimleri Tablosu

BirimTanımÖrnek
%Bir ölçümü başka bir değere göre yüzde olarak tanımlar. p {font-size: 16pt; line-height: 125%;}
cmBir ölçüyü santimetre cinsinden tanımlar.div {margin-bottom : 2cm;}
emBir em birimi belirli bir yazı tipinin boyutuna eşdeğerdir. 12pt’ye bir yazı tipi atarsanız, her bir “em” birimi 12pt olur; böylece, 2em 24pt olur. p {letter-spacing : 7em;}
exBu değer, bir yazı tipinin x yüksekliğine göre bir ölçümü tanımlar. X yüksekliği, yazı tipinin küçük harfinin x yüksekliğiyle belirlenir. p {font-size: 24pt; line-height: 3ex;}
inBir ölçüyü inç cinsinden tanımlar. p {word-spacing: .15in;}
mmBir ölçümü milimetre cinsinden tanımlar. p {word-spacing: 15mm;}
pcPicas’ta bir ölçüm tanımlar. Bir pika 12 puana eşdeğerdir; böylece, inç başına 6 pica vardır. p {font-size: 20pc;}
ptBir ölçümü nokta olarak tanımlar. Bir nokta bir inçin 1 / 72’si olarak tanımlanır. body {font-size: 18pt;}
pxEkran piksellerine göre ölçüyü tanımlar. p {padding: 25px;}