خصوصیت font-weight
مثال (خصوصیت font-weight)
تنظیم کردن ضخامت متفاوت برای سه پاراگراف مختلف:
p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
خودتان امتحان کنید »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 | تعیین می کند که ضخامت فونت باید از والدش، ارث بری داشته باشد. |
بیاموزهای مرتبط
Styling Fonts (بیاموز CSS)
font (مرجع خصوصیت های CSS)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 9381
دیدگاه‌ها
توی مثال هایی که وجود داره فرقی بین عدد 100 و 500 نیست.چرا؟
احتمالا یک خطا در نوشتن کدها باعث این موضوع شده است.