2

font-shorthand css

لماذا يعمل هذا الكود     font: italic bold 25px 'Courier New', Courier, monospace

بينما هذا لايعمل     font: italic 25px bold 'Courier New', Courier, monospace

لماذا يجب ان يكون ترتيب القيم كما في الشكل الاول

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

0
Mohammed_Fahmy3 أضف ردا

فالبداية سوف أقوم بتعريف الخاصية المختصرة font حتي تفهم الامر بشكل جيد.

الخاصية font في CSS هي خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات font-style و font-variant و font-weight و font-size و line-height و font-family، وذلك لتحديد الخط المستخدم في العنصر.

يجب عند كتابة الخاصية المخترة font أن تتضمن قيم إجبارية وهي:

  1.  font-size
  2. font-family

هناك بعض القيم الاختيارية وهي:

  • font-style
  • font-variant
  • font-weight
  • line-height

بالنسبة لسؤالك بخصوص الترتيب فهو كالاتي:

يجب أن تسبِق قيم الخاصيات font-style و font-variant و font-weight الخاصية font-size
يجب أن تكون قيمة font-family هي آخر قيمة مُحدَّدة
يجب أن تُحدَّد قيمة line-height بعد قيمة font-size مباشرةً، وتكون مسبوقةً بخط مائل /، كما يلي: 16px/3
يجن أن تكون الخاصية font-size بعد الخاصية font-weight

وهذا مثال يوضح الموضع بشكل كامل

/* style - variant - weight - stretch - size/line-height - family */
font: oblique small-caps bold condensed 25px/9 Fantasy;

مشكلتك أنك جعلت الخاصية font-size قبل الخاصية font-weight ولهذا لم يعمل الكود.

أنصحك بقراءة توثيق CSS من أكاديمية حسوب الخاص بالخاصية المختصرة font.

من خلال هذا اللينك: https://wiki.hsoub.com/CSS/...