CSS'de font-weight Özelliği
CSS1
Yazı tipinin ne kadar kalın ya da ince görüneceği belirlenir. Belli başlı değerleri olmakla birlikte, font'ların tanımlanma şekline göre, 100, 300, 400, 500, 600, 700, 800, 900 gibi değerler kullanılır. 100 genelde en ince tip için belirlenir, 400 normal boyut olanıdır, 900 ise en kalınıdır.
Yapısı (Syntax)font-weight: normal | bold | bolder | lighter | numara | initial | inherit;
| Varsayılan Değer | normal |
| JavaScript Yapısı |
object.style.fontWeight="bold"
|
| Animasyon Özellikleri Uygulanabilir | Evet (Daha fazla detay) |
Değerler
| Değer | Açıklama | Versiyon |
|---|---|---|
| normal | Normal karakteri tanımlar. | CSS1 |
| bold | Kalın karakterleri tanımlar. | CSS1 |
| bolder | Daha kalın karakterleri tanımlar. | CSS1 |
| lighter | İnce karakterleri tanımlar. | CSS1 |
|
100 200 300 400 500 600 700 800 900 |
Bu numaralar değişebilir ancak varsayılan olarak genelde bu şekilde kullanılır. 400 normal'e, 700 ise bold'a eşittir. Diğerleri ise 100 en inceyi, 900 en kalını temsil eder. | CSS1 |
| initial | Varsayılan değerine geri döndürür. Yani "normal" değerine döner. | CSS1 |
| inherit | Değerini üst öğesinden miras alır. | CSS1 |
Örnekler
Örneğin ince bir yazı belirleyelim;
p {
font-style: lighter;
}Ya da orta kalınlıkta bir yazı;
p {
font-style: 600;
}Standart kalınlıkta bir yazı için;
p {
font-style: bold;
}