تخفیف ویژه هفته کتاب و کتاب خوانی، فرصت یادگیری با 40٪ تخفیف (کد تخفیف: Ketab)
زمان باقی مانده تخفیف ویژه (تمدید شد)
سبد (0)

تبلیغات

خصوصیت font-weight

مثال (خصوصیت 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"

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

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت 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 تعیین می کند که ضخامت فونت باید از والدش، ارث بری داشته باشد.  

بیاموزهای مرتبط

Styling Fonts (بیاموز CSS)

font (مرجع خصوصیت های CSS)

دیدگاه‌ها  

+1 # شریف 1394-04-29 20:45
توی مثال هایی که وجود داره فرقی بین عدد 100 و 500 نیست.چرا؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
0 # احسان عباسی 1394-04-29 21:38
احتمالا یک خطا در نوشتن کدها باعث این موضوع شده است.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی