CSS font-size Özelliği
CSS1
font-size özelliği, yazının boyutunu belirmek için kullanılır.
Yapısı (Syntax)font-size: medium | xx-small | x-small | small | large | x-large | xx-large | smaller | larger | uzunluk | yüzdelik | initial | inherit;
| Varsayılan Değer | medium |
| JavaScript Yapısı |
object.style.fontSize="DEĞER"
|
| Animasyon Özellikleri Uygulanabilir | Evet (Daha fazla detay) |
Değerler
| Değer | Açıklama | Versiyon |
|---|---|---|
| medium | Yazının boyutunu orta boyut olarak ayarlar. * Bu varsayılan değerdir. | CSS1 |
| xx-small | Yazının boyutunu çok çok küçük olarak ayarlar. | CSS1 |
| x-small | Yazının boyutunu çok küçük olarak ayarlar. | CSS1 |
| small | Yazının boyutunu küçük olarak ayarlar. | CSS1 |
| large | Yazının boyutunu büyük olarak ayarlar. | CSS1 |
| x-large | Yazının boyutunu çok büyük olarak ayarlar. | CSS1 |
| xx-large | Yazının boyutunu çok çok büyük olarak ayarlar. | CSS1 |
| smaller | Yazının boyutunu üst öğesinden daha küçük olarak ayarlar. | CSS1 |
| larger | Yazının boyutunu üst öğesinden daha büyük olarak ayarlar. | CSS1 |
| uzunluk | Yazının boyutunu px, pt vb. gibi sabit bir boyut olarak ayarlar. | CSS1 |
| yüzdelik | Yazının boyutunu üst öğesine göre yüzdelik olarak ayarlar. | CSS1 |
| initial | Yazı boyutunu varsayılan değerlerine göre ayarlar | CSS1 |
| inherit | Yazının boyutunu üst öğesinden miras alır | CSS1 |
Örnekler
Uzunluk birimlerini örnek vermek gerekirse;
h1 { font-size: 1em }
p { font-size: 18px }
.test { font-size: 150% }
span { font-size: 1.8pt }Diğer kullanımları;
.test { font-size: xx-large }
#wrapper span { font-size: smaller }