خصائص Style font
- الصفحة السابقة flexWrap
- الصفحة التالية fontFamily
- رجوع إلى الطبقة العليا مفهوم Style في HTML DOM
تعريف والاستخدام
كتابة
يمكن تعيين أو إرجاع الخصائص باستخدام الشكل المختصر لعدد لا يتجاوز ستة خصائص كتابة.
من خلال هذا الخصائص، يمكنك تعيين/إرجاع ما يلي (بالترتيب المحدد):
font-size و font-family مطلوب. إذا كان أي قيمة أخرى مفقودة، فإن القيمة الافتراضية (إذا كانت موجودة) ستُدخل.
يمكن أيضًا تعيين هذه الخاصية باستخدام خاصية النمط المنفردة. يُنصح بعدم استخدام النمط المنفرد من قبل الكتاب غير المتقدمين للحصول على تحكم أفضل.
انظر أيضًا:
دليل CSS:CSS للوحة الخطوط
دليل CSS:خاصية الخط
مثال
مثال 1
تعيين خط <p>:
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
مثال 2
العودة إلى خط <p>:
alert(document.getElementById("myP").style.font);
النحو
العودة إلى خاصية font:
object.style.font
تعيين خاصية font:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu| message-box|small-caption|status-bar|initial|inherit;"
قيمة الخاصية
القيمة | وصف |
---|---|
style | تعيين نمط الخط. |
variant | ضع النص ككبير الحروف الصغيرة. |
weight | تعيين سمك الخط. |
size | تعيين حجم الخط. |
lineHeight | تعيين المسافة بين السطور. |
family | تعيين الخط. |
caption | الخط المستخدم في التحكم في العناوين (مثل الأزرار، القوائم المنسدلة، إلخ). |
icon | الخط المستخدم في علامات الرسوم. |
menu | الخط المستخدم في القوائم. |
message-box | الخط المستخدم في نافذة الرسائل. |
small-caption | الخط المستخدم في التحكم الصغير. |
status-bar | الخط المستخدم في شريط الحالة للنافذة. |
initial | ضع هذه الخاصية على قيمتها الافتراضية. يرجى الرجوع إلى initial. |
inherit | تنقل هذه الخاصية من عنصر الأب إليها. يرجى الرجوع إلى inherit. |
تفاصيل تقنية
القيمة الافتراضية: | غير محدد |
---|---|
القيمة الم返回ة: | قيمة نصية، تعبر عن خصائص الخط المختلفة للعنصر. |
إصدار CSS: | CSS1 |
دعم المتصفح
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
دعم | دعم | دعم | دعم | دعم |
- الصفحة السابقة flexWrap
- الصفحة التالية fontFamily
- رجوع إلى الطبقة العليا مفهوم Style في HTML DOM