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
| Birim | Tanım | Örnek |
| % | Bir ölçümü başka bir değere göre yüzde olarak tanımlar. | p {font-size: 16pt; line-height: 125%;} |
| cm | Bir ölçüyü santimetre cinsinden tanımlar. | div {margin-bottom : 2cm;} |
| em | Bir 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;} |
| ex | Bu 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;} |
| in | Bir ölçüyü inç cinsinden tanımlar. | p {word-spacing: .15in;} |
| mm | Bir ölçümü milimetre cinsinden tanımlar. | p {word-spacing: 15mm;} |
| pc | Picas’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;} |
| pt | Bir ölçümü nokta olarak tanımlar. Bir nokta bir inçin 1 / 72’si olarak tanımlanır. | body {font-size: 18pt;} |
| px | Ekran piksellerine göre ölçüyü tanımlar. | p {padding: 25px;} |
Son Yorumlar