font-weight Özelliği Temel Özellikler
- CSS Yazımı :
font-weight: /* Anahtar sözcükler */ normal | bold | /* Değeri ataya göre belirleyen anahtar sözcükler */ lighter | bolder | /* Sayısal anahtar sözcükler */ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | /* Evrensel değerler */ inherit | initial | unset;- Örnek :
font-weight: bold;|font-weight: lighter;- Öntanımlı Değer :
normal- Uygulanabilen Etiketler :
- Tüm Etiketler.
::first-letterve::first-lineögelerine de uygulanabilir. - Kalıtsallık :
- Var
- Tarayıcı Desteği :
- Tüm Tarayıcılar
- Animasyon :
- Desteklenmiyor
animationÖzelliği - Javascript :
öge.style.fontWeight = "400";- Sürüm :
- CSS1 / CSS2 (düz. 1) / CSS Transitions / CSS Fonts Module Level 3
- Açıklama :
font-weight Özelliği Kullanımı
Markanız için 300X300 alan.
CSS font-weight özelliği; yazı tipinin ağırlığını (ya da koyuluğunu) belirler. font-weight özelliği ile belirlenen yazı tipi ağırlığı kullandığınız yazı tipine bağlıdır. Bazı yazı tipleri yalnızca normal ve bold değerlerini destekler.
Erişim Kaygısı
Hafif görme koşullarına iye insanlar; yazı tipi ağırlığı 100 (ince / saç inceliğinde) ve 200 (aşırı hafif) değerlerine iye yazıları -özellikle renk karşıtlığı düşük ise- okurken güçlük çekerler.
font-weight Özelliği Örneği
.boldÖrnek1{
font-weight:bold;
}
.bolderÖrnek1{
font-weight:bolder;
} /* CSS Kodu */
<span class="boldÖrnek1">boldÖrnek1</span>
<span class="bolderÖrnek1">bolderÖrnek1</span>
<!-- HTML Kodu -->
boldÖrnek1
bolderÖrnek1
Yalnızca normal ve bold sağlayan yazı tipleri için: 100-500 arası normal iken 600-900 arası bold değere denk gelir.
font-weight özelliği sayısal anahtar sözcüklerle kullanıldığında adımlar 100 ve katlarıdır. Eğer 100 ve kat tam olmak zorundadır. 100 ve katları arasında kalan değerler pozitif sonsuzluğa doğru yuvarlanır.
font-weight Özelliği Tarayıcı Desteği
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 1 | 3.5 | 1.3 | 2 | 3 |
| Tarayıcı →Özellik ↓ | |||||
|---|---|---|---|---|---|
| Temel Destek | 4 | 6 | 3.1 | 1 | Var |
font-weight Özelliğinin Alabileceği Değerler
normal- Olağan yazı tipi ağırlığı.
400değeri ile aynıdır. bold- Koyu yazı tipi ağırlığı.
700değeri ile aynıdır. lighter- Ata etiketin yazı tipi ağırlığından (yazı tipi desteklediği sürece) biraz daha hafif yazı ağırlığı.
bolder- Ata etiketin yazı tipi ağırlığından (yazı tipi desteklediği sürece) biraz daha ağır yazı ağırlığı.
100,200,300,400,500,600,700,800,900normalvebolddışında yazı tipi ağırlığı taşıyan yazı tipleri için sayısal yazı tipi ağırlıkları.