English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل مرجع CSS

قواعد CSS (RULES)

مجلة خاصيات CSS

طريقة استخدام خاصية font-weight في CSS و مثال

يحدد خاصية font-weight CSS سمك الخط.

الجدول أدناه يوضح استخدام هذا الميزة وتاريخ إصداراتها، بالإضافة إلى синтكس الاستخدام في لغة الجافاسكربت.

默认值:القيمة الافتراضية:
عادييُستخدم في:
جميع العناصرالوراثة:
نعميمكن إنتاجها عن طريق الرسوم المتحركة:نعم. يرجى الرجوع إلى
خصائص الرسوم المتحركةالإصدار:
CSS 1،2،3JavaScript.style.fontWeight="700"

نحو استخدام font-weight

جملة النحو الخاصة بهذه الخاصية هي:

font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | initial | inherit

المثال أدناه يوضح كيفية استخدام خاصية font-weight.

  h1 {
   font-weight: normal;
  }
  p {
   font-weight: bold;
  }
جرب رؤية‹/›

قيمة الخاصية

جدول أدناه يصف قيم هذه الخاصية.

القيمةالوصف
normalتحديد حروف عادية.
boldتحديد حروف سميكة.
bolderتحديد حروف أكثر سمكا.
lighterتحديد حروف أكثر دقة.
100

تكون النسق من 100 إلى 900 مرتبة تصاعدية، حيث يمثل كل رقم قيمة القوة تساوي أو أكبر من القيمة السابقة. الكلمة المفتاحية normal تساوي 400، والكلمة المفتاحية bold تساوي 700.

200
300
400
500
600
700
800
900
initialضبط هذه الخاصية إلى قيمتها الافتراضية.
inheritإذا تم تحديد هذا، فإن عنصر الاتصال يستخدم قيمة الخاصية font-weight للعنصر الأب.

توافق المتصفح

مستوى التوافق للمتصفحات الخاصة بخصائص font-weight، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح الذي يدعم هذه الخاصية؛ جميع المتصفحات الرئيسية يدعمون هذه الخاصية.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3.5+

قراءة إضافية

يرجى الرجوع إلى التعليمات التالية:خط CSS،نص CSS

خصائص القواعد المرتبطة:font،font-style،font-variant،font-size،line-height،font-family،@font-face