CSS font-weight Özelliği

CSS font-weight

Css font-weight özelliği metnin kalın ya da ince karakterler görüntülenmesini düzenlemek için kullanılır.

Örnek:

Bu örnekte paragraflara farklı değerlerde font-weight özelliği uygulanmıştır.

p.normal { font-weight: normal; } p.bold { font-weight: bold; } p.lighter { font-weight: lighter; } p.bolder { font-weight: bolder; }

CSS font-weight nedir nasıl kullanılır

Metin için font kalinligini belirlemek için kullanilir

CSS font-weight CSS font-weight özellikleri  
Varsayılan Değer: normal  
Kalıtsallık: var  
Animasyon Özelliği: var
Versiyon: CSS1  
JavaScript font-weight: object.style.fontWeight="bold"

CSS font-weight Tarayıcı Desteği

Aşağıdaki tablodaki sayılar özelliği ilk destekleyen tarayıcı sürümünü belirtir.

CSS Kodu:
font-weight 21.0 11.0 20.0 9.0
7.0 -webkit-
12.1

CSS font-weight Değerleri

font-weight:normal|bold|bolder|lighter|number|initial|inherit;

CSS font-weight özelliği değerleri

CSS font-weight değerleri CSS font-weight değerleri tanımları CSS örnek uygulamalar
normal Normal karakter kalınlığındadır.
bold Kalın karakterlidir.
bolder Daha kalın karakterler tanımlar.
lighter Daha ince karakter tanımlar.
100
200
300
400
500
600
700
800
900
Seçilen değerlere göre karakterlerin kalınlığını değiştirir.
initial Özelliğin varsayılan değeridir.
inherit Kalıtsal olarak aldığı değeridir.  

Yorumlar

Popüler yayınlar

CSS justify-content Özelliği

HTML Yorumlar

CSS content Özelliği

CSS align-items özelliği

CSS border-bottom Özelliği

CSS text-align Özelliği

CSS flex-basis Özelliği

CSS top Özelliği

Javascript ile neler yapılabilir

CSS background-repeat Özelliği