خاصية اختصار الخط
آخر تحديث: 2026-09-13
font خاصية اختصار الخط
تضبط خاصية الاختصار font في CSS كل الخصائص الفرعية المتعلقة بالخط في إعلان واحد: font-style وfont-variant وfont-weight وfont-stretch وfont-size وline-height وfont-family. تُبقي أوراق الأنماط موجزة، لكن font-size وfont-family إلزاميتان ويجب أن تتبع الخصائص الفرعية ترتيباً ثابتاً.
| الفئة | |
|---|---|
| القيمة الأولية | normal normal normal 1em/normal system-ui |
| موروث | نعم |
| ينطبق على | all |
| نوع الحركة | font-weight |
| إصدار CSS | CSS1 |
| الحالة | قياسي |
📝 التركيب
font: [ <font-style> || <font-variant> || <font-weight> || <font-stretch> ]? <font-size> [ / <line-height> ]? <font-family>;⚙️ القيم
| القيمة | النوع | الوصف |
|---|---|---|
<font-style> || <font-variant> || <font-weight> || <font-size> / <line-height> || <font-family> | القيمة | اختصار الخط لكل الخصائص الفرعية للخط |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفحات
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| font | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
مهم： font-size وfont-family إلزاميتان؛ إذا غاب أحدهما، تُتجاهل الإعلان بالكامل.
تلميح： يُعيد الاختصار ضبط أي خاصية فرعية محذوفة إلى قيمها الأولية، لذا عرّف font قبل القواعد الأخرى التي تضبط خصائص خط فردية.
❓ الأسئلة الشائعة
Qهل أستخدم اختصار font أم أعيّن الخصائص الفرعية بشكل فردي؟
Aاستخدم الاختصار عندما تحتاج إلى تعيين عدة خصائص خط دفعة واحدة — النمط والوزن والحجم وارتفاع السطر والعائلة — في سطر واحد. ومع ذلك، يعيد ضبط كل خاصية فرعية محذوفة إلى قيمتها الأولية، لذا عندما تريد تغيير قيمة واحدة فقط (مثل تبديل font-weight إلى bold)، اكتب الخاصية المفصلة بدلاً من ذلك لتجنب محو إعداداتك الأخرى.
Qهل تهمّ ترتيب قيم خاصية اختصار font في CSS؟
Aنعم. تُعد font-style وfont-variant وfont-weight وfont-stretch اختيارية ويمكن أن تظهر بأي ترتيب قبل font-size. يجب أن يتبع font-size قيمة /line-height اختيارية، ويجب أن يأتي font-family في النهاية. كل من font-size وfont-family إلزاميان — إذا غاب أحدهما، تُتجاهل الإعلان بالكامل.
Qماذا تعني عبارة font: italic bold 20px/1.5 'Microsoft YaHei', sans-serif؟
Aتضبط font-style إلى italic وfont-weight إلى bold وfont-size إلى 20px وline-height إلى 1.5 ضعف حجم الخط. تحاول قائمة font-family استخدام Microsoft YaHei أولاً وتعود إلى sans-serif العام إذا لم يكن مثبتاً. تُعاد الخصائص الفرعية المحذوفة مثل font-variant إلى قيمتها الأولية normal.
🏷️ خصائص ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
