ویژگی font-weight CSS

تعریف و استفاده

ویژگی font-weight ضخامت متنی را تنظیم می‌کند.

توضیحات

این ویژگی برای تنظیم ضخامت فونت متنی که در عنصر نمایش داده می‌شود استفاده می‌شود. مقدار عددی 400 معادل کلمه کلیدی normal و 700 معادل bold است. هر مقدار عددی باید حداقل به اندازه حرف بعدی نازک‌تر و حداقل به اندازه حرف بعدی ضخیم‌تر باشد.

لطفاً به این بخش مراجعه کنید:

آموزش CSSقلم CSS

دستورالعمل CSSویژگی font CSS

دستورالعمل HTML DOMویژگی fontWeight

مثال

تنظیم ضخامت فونت سه تا از پاراگراف‌ها:

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

آموزش عملی

جملات گرامری CSS

font-weight: normal|bold|bolder|lighter|اعداد|initial|inherit;

مقدار ویژگی

مقدار توضیحات
معمولی مقدار پیش‌فرض. تعریف حروف استاندارد.
bold تعریف حروف bold.
bolder تعریف حروف ضخیم‌تر.
lighter تعریف حروف نازک‌تر.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 تعریف حروف از ضخیم تا نازک. 400 معادل normal و 700 معادل bold است.
وراثت این تعریف می‌کند که ضخامت فونت باید از عنصر والد به ارث برسد.

جزئیات فنی

مقدار پیش‌فرض: معمولی
وراثت: بله
نسخه: CSS1
جملات گرامری جاوااسکریپت: اجسام.style.fontWeight="900"

مثال عملی

تنظیم ضخامت فونت
این مثال نحوه تنظیم ضخامت فونت را نشان می‌دهد.

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

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهای پشتیبان از این ویژگی هستند.

Chrome IE / Edge Firefox Safari Opera
2.0 4.0 1.0 1.3 3.5