أحدث البرامج التعليمية وتطوير الشبكة
 

Style font Property

<كائن نمط

مثال

تعيين الخط ل <p> العنصر:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";
انها محاولة لنفسك »

تعريف والاستخدام

مجموعات خاصية خط أو العائد تصل إلى ستة خصائص الخط منفصلة، ​​في شكل اختصار.

مع هذه الخاصية، يمكنك تعيين / عودة ما يلي (بهذا الترتيب):

  • نوع الخط
  • الخط البديل
  • الخط الوزن
  • حجم الخط
  • ارتفاع خط
  • خط العائلة

ويطلب من حجم الخط والخط بين أفراد الأسرة. إذا كان أحد القيم الأخرى مفقودة، سيتم إدراج القيم الافتراضية، إن وجدت.

ويمكن أيضا خصائص فوق توضع مع خصائص أسلوب منفصلة. استخدام خصائص منفصلة ينصح بشدة للمؤلفين غير متقدمة لتحسين التحكم.


دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ويدعم خاصية الخط في جميع المتصفحات الرئيسية.


بناء الجملة

إعادة الممتلكات الخط:

object .style.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 الخط المستخدم لعناصر علق (like buttons, drop-downs, etc.)
icon الخط المستخدم إلى رموز التسمية
menu الخط المستخدم في القوائم
message-box الخط المستخدم في مربعات الحوار
small-caption الخط المستخدم في التحكم الصغيرة
status-bar الخط المستخدم في أشرطة الحالة نافذة
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

القيمة الافتراضية: غير محدد
قيمة الإرجاع: سلسلة تمثل خصائص الخط مختلفة من عنصر
صفحة CSS CSS1

مزيد من الأمثلة

مثال

إعادة الخط ل <p> العنصر:

alert(document.getElementById("myP").style.font);
انها محاولة لنفسك »

صفحات ذات صلة

CSS التعليمي: CSS الخط

CSS المرجع font property


<كائن نمط