v2.5.2
Giriş yap

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;
}

tayfunerbilen
1753 gün önce eklendi - 2917 kez görüntülendi.
Github'da Düzenle
Önceki font-variant Sonraki line-height