خصائص الخط الـ CSS font
- الصفحة السابقة float
- الصفحة التالية @font-face
التعريف والاستخدام
سمة font المختصرة تضبط جميع خصائص الخط في بيان واحد.
التعليقات:لهذا السمة أيضًا قيمة السادسة: "line-height"، يمكنها تعيين مسافة الخط.
شرح
هذا السمة المختصرة يستخدم لضبط اثنين أو أكثر من جوانب الخط في العنصر مرة واحدة. يمكن استخدام الكلمات المفتاحية مثل icon لضبط الخط في العنصر بشكل مناسب لجعلها متزامنة مع جانب معين من بيئة الحاسوب للمستخدم. يرجى الانتباه، إذا لم يتم استخدام هذه الكلمات المفتاحية، يجب على الأقل تحديد حجم الخط وسمة الخط.
可以按顺序设置如下属性：
يمكن تعيين الخصائص التالية بالترتيب:
يمكن تجاهل إحدى القيم، مثل font:100% verdana; وهو ما يُسمح به أيضًا. الخصائص غير المحددة ستستخدم القيم الافتراضية.
انظر أيضًا:خطوط CSS
دليل CSSدليل HTML DOM
خصائص الخط
مثال
تعيين جميع خصائص الخط في بيان تعريف واحد:
p.ex2
p.ex1
font:italic bold 12px/20px arial,sans-serif;
font:italic arial,sans-serif;
p.ex2
{
font:italic bold 12px/20px arial,sans-serif;
تجربة شخصية
جملة CSS يحدد نمط الخط. انظر: يحدد النسخة الخاصة للخط. انظر: يحدد كثافة الخط. انظر: يحدد حجم الخط والارتفاع بين السطور. انظر:font:و font-family/
|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
| القيمة الافتراضية | القيمة |
|---|---|
| يحدد نمط الخط. انظر: | الوصفيحدد نمط الخط. انظر: القيم الممكنة. |
| يحدد النسخة الخاصة للخط. انظر: | font-styleيحدد النسخة الخاصة للخط. انظر: القيم الممكنة. |
| يحدد كثافة الخط. انظر: | font-variantيحدد كثافة الخط. انظر: القيم الممكنة. |
| font-weight | font-size/line-heightيحدد حجم الخط والارتفاع بين السطور. انظر: font-size و القيم الممكنة. |
| font-family | يحدد سلسلة النصوص. انظر:font-family القيم الممكنة. |
| caption | يحدد الخط المستخدم في التحكم في العنوان (مثل الأزرار، القوائم المنسدلة، إلخ). |
| icon | يحدد الخط المستخدم في العلامة التوضيحية. |
| menu | يحدد الخط المستخدم في القائمة المنسدلة. |
| message-box | يحدد الخط المستخدم في نافذة الرسالة. |
| small-caption | نسخة صغيرة من خط "caption". |
| status-bar | يحدد الخط المستخدم في شريط حالة النافذة. |
تفاصيل التقنية
| القيمة الافتراضية: | لم يتم تحديد |
|---|---|
| التنسيق: | نعم |
| الإصدار: | CSS1 |
| جافا سكربت الجملة: | object.style.font="italic small-caps bold 12px arial,sans-serif" |
TIY مثال
- جميع خصائص الخط داخل بيان تعريف واحد
- هذا المثال يوضح كيفية تعيين خصائص الخط داخل بيان تعريف واحد باستخدام خصائص مختصرة.
- تعيين الخط للجملة باستخدام "caption"
- هذا المثال يوضح كيفية تعيين الخط للجملة باستخدام قيمة "caption".
دعم المتصفح
الرقم في الجدول يوضح الإصدار الأولي للمتصفح الذي يدعم هذه الخاصية بالكامل.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- الصفحة السابقة float
- الصفحة التالية @font-face
