خصوصیت font-weight

مثال

تنظیم کردن ضخامت متفاوت برای سه پاراگراف مختلف:

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

تعریف و کاربرد

با استفاده از خاصیت font-weight می توانیم مشخص کنیم که کاراکترهای متن به چه اندازه ضخیم یا نازک نمایش داده شوند.

مقدار پیشفرض normal
ارث بری بله
نسخه CSS1
JavaScript ساختار object.style.fontWeight="900"

پشتیبانی مرورگرها

    

تمام مرورگرهای اصلی، خصوصیت font-weight را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 7 و نسخه های قبلی آن، مقدار "inherit" را پشتیبانی نمی کند. IE8 به !DOCTYPE! نیاز دارد. IE9 مقدار "inherit" را پشتیبانی می کند.

مقدارهای خصوصیت

مقدار توضیحات نمایش دادن
normal  کاراکترها به صورت نرمال نمایش داده می شوند. این مقدار پیش فرض است.
bold

کاراکترها را به صورت ضخیم نمایش می دهد.
bolder

کاراکترها از حالت bold ضخیم تر می باشند.
lighter تعیین می کند که کاراکترها باید از حالت bold نازک تر باشند.
100
200
300
400
500
600
700
800
900

این اعداد رنجی است که کاراکتر ها از نازک به ضخیم نمایش داده می شوند. عدد 400 معادل normal است و عدد 700 همان bold است.
inherit تعيين مي کند که ضخامت فونت بايد از والدش، ارث بري داشته باشد.