English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يستخدم خاصية الخط في CSS لضبط نمط النص، التنسيق، الأسلوب، الحجم/الارتفاع في السطر والنوعية. وهو يستخدم في الإعلانfont-style,font-variant,font-weight,font-size,line-heightوالقيمةfont-familyإعداد مختصر لخصائص الخط المختلفة
جدول أدناه يوضح كيفية استخدام هذا الخصائص وتاريخ الإصدارات، بالإضافة إلى استخدام هذا الخصائص في سكربتات JavaScript.
| القيمة الافتراضية: | رؤية جميع الخصائص |
|---|---|
| يمكن تطبيقها: | جميع العناصر |
| التنسيخ: | نعم |
| يمكن تصنيعها: | نعم، لأن بعض خصائص الشريط يمكن تعيينها برسوم متحركة.الرجاء الرجوع إلى: خصائص الرسوم المتحركة. |
| الإصدار: | CSS 1،2،3 |
| نحو JavaScript: | JavaScript 语法: object.style.font="italic small-caps bold 14px arial,sans-serif" |
النحو لهذا الخصائص هو كما يلي:
font: [font-style font-variant font-weight font-size/line-height font-family] | caption | icon | menu | message-box | small-caption | status-bar | initial | inherit
عند استخدام خاصية اختصار الخطوط، يجب أن يتم استيفاء بعض الشروط. إذا لم يتم استيفاء هذه الشروط، فإن الخاصية تكون غير صالحة ويتم تجاهلها بالكامل.
يجب تعريفهاfont-sizeوالقيمةfont-familyقيمة الخاصية.
يجب أن يتمfont-sizeإذا كانت موجودة (القيمة) قبل تعريف قيمة الخاصية.font-style,font-variantوالقيمةfont-weightقيمة الخاصية.
line-heightيجب أن يتمfont-sizeتعريف قيمة الخاصية بعد الخاصية مباشرة، واضافة شرط إلزامي " /" (الشق المائل) قبلها.
font-familyيجب أن تكون القيمة الأخيرة المحددة.
في المثال أدناه، يتم عرض كيفية استخدام خاصية font، يرجى ملاحظة ترتيب قيم الخاصية.
h1 {
font: bold 2.5em "Times New Roman", Times, serif;
}
p {
font: normal 1.2em Arial, Helvetica, sans-serif;
}اختبرها‹/›جدول أدناه يصف قيم هذه الخاصية.
| القيمة | الوصف |
|---|---|
| font-style | إعداد نمط الخط. |
| font-variant | إعداد تنوع الخط. |
| font-weight | إعداد سمك الخط. |
| font-size | إعداد حجم الخط. |
| line-height | إعداد طول الخط. |
| font-family | تحديد سلسلة الخطوط. |
| initial | إعداد هذه الخاصية إلى قيمتها الافتراضية. |
| inherit | إذا تم تحديدها، فإن العنصر المرتبط يستخدم الخاصية font للعنصر الأم. |
القيم التالية تشير إلى الخط النظامي: | |
| caption | الخط المستخدم للعناوين المضيئة (مثل الأزرار، القوائم المنسدلة، إلخ). |
| icon | الخط المستخدم لتمييز الرموز. |
| menu | الخط المستخدم في القوائم (مثل القوائم المنسدلة وقوائم القائمة). |
| message-box | الخط المستخدم في نافذات الرسائل. |
| small-caption | الخط المستخدم لتمييز التحكمات الصغيرة. |
| status-bar | الخط المستخدم في شريط الحالة للنافذة. |
مرونة متوافقة مع المتصفحات للخصائص font، الأرقام في الجدول التالي تعبر عن أحدث إصدار من المتصفح الذي يدعم هذه الخاصية؛ جميع المتصفحات الرئيسية تدعم هذه الخاصية.
|
يرجى الرجوع إلى الدروس التالية:خط CSS,نص CSS.
خصائص وإجراءات مرتبطة:font-style,font-variant,font-weight,font-size,line-height,font-family,@font-face.