CSS'de Ölçü Birimleri
CSS, bir uzunluğu ifade etmek için birkaç farklı birime sahiptir. width
, margin
, padding
, font-size
, vb. gibi birçok CSS özellikleri uzunluk birimleri ile değer alır. Uzunluk birimleri bir sayıdan hemen sonra eklenir ve sayı ile birim arasında boşluk bırakılamaz. Verilen sayı değeri 0 ise, birim önemsizdir. Bazı CSS özellikleri için uzunluklarda negatif sayılara izin verilir. Birimler mutlak ve göreceli olarak ikiye ayrılır.
Mutlak uzunluk birimleri sabittir ve bunlardan herhangi birinde ifade edilen bir uzunluk, tam olarak bu boyutta görünecektir. Mutlak uzunluk birimlerinin kullanılması önerilmez, çünkü ekran boyutları çok fazla değişiklik gösterir. Bunlar; cm, mm, in, px, pt, pc
Göreceli uzunluk birimleri ise değişkendir. Başka bir uzunluğun değerine göre belirlenir. Bunlar; em, ex, ch, rem, vw, vh, vmin, vmax, %
Yapısı (Syntax)<özellik> : <sayı><birim>;
JavaScript Yapısı |
|
Animasyon Özellikleri Uygulanabilir | Hayır (Daha fazla detay) |
Değerler
Değer | Açıklama | Versiyon |
---|---|---|
cm | santimetre | |
mm | milimetre | |
in | inc (1in = 96px = 2.54cm) | |
px | piksel | |
pt | point | |
em | Varsayılan yazı tipi boyutuna göre ayarlanır (Örneğin 3em geçerli yazı tipinin 3 katı anlamına gelir) | |
ex | Varsayılan yazı tipinin yüksekliğine göre ayarlanır. |
Örnekler
Bir örnek vermek gerekirse ;
.div {
width: 25pt;
padding: 10px;
font-size: 0.75em;
margin: 2%; /* gibi örnekler türetilebilir */
}