لماذا يعمل هذا الكود font: italic bold 25px 'Courier New', Courier, monospace
بينما هذا لايعمل font: italic 25px bold 'Courier New', Courier, monospace
لماذا يجب ان يكون ترتيب القيم كما في الشكل الاول
font-shorthand css
فالبداية سوف أقوم بتعريف الخاصية المختصرة font حتي تفهم الامر بشكل جيد.
الخاصية font في CSS هي خاصية مختصرة تؤدي إلى ضبط قيم الخاصيات font-style و font-variant و font-weight و font-size و line-height و font-family، وذلك لتحديد الخط المستخدم في العنصر.
يجب عند كتابة الخاصية المخترة font أن تتضمن قيم إجبارية وهي:
- font-size
- 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/...
التعليقات