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

Bu blogdaki popüler yayınlar

HTML yorum etiketi ile öğe gizleme örneği

HTML Resimler

Html5 canvas animasyon dersleri Javascript Yilan Oyunu

Javascript ile neler yapılabilir

HTML blockquote Etiketi Örnek

Linklerin Renklerini Değiştirme Örnek

YouTube Reklam Engelleyici