English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل CSS

قواعد CSS (RULES)

دليل خاصيات CSS

استخدام خاصية font-style CSS ومثال

تعريف خاصية font-style CSS نمط النص الموجود في محتوى العنصر.

جدول التالي يوضح شرح الاستخدام والسجلات التاريخية لهذه الخاصية، وكذلك استخدام الخاصية في سكربتات JavaScript.

القيمة الافتراضية:normal
يُستخدم في:جميع العناصر
الوراثة:نعم
يمكن تحريكه:لايرجى الرجوع إلى: خصائص الرسوم المتحركة
الإصدار:CSS 1،2،3
JavaScript Syntax:object.style.fontStyle="italic"

نحو استخدام خاصية font-style

تكون نحو خاصية هذه الخاصية كالتالي:

font-style: normal | italic | oblique | initial | inherit

يوضح المثال التالي كيفية استخدام خاصية font-style.

  p {
   font-style: italic;
  }
اختبر هذا‹/›

قيمة الخاصية

جدول التالي يصف قيمة هذه الخاصية.

القيمةالوصف
normalسيظهر المتصفح نمط النص العادي.
italicسيظهر المتصفح نمط النص المائل.
obliqueسيظهر المتصفح نمط النص المائل.
inheritإذا تم تحديدها، فإن العنصر المرتبط يستخدم قيمة الخاصية font-style للعنصر الوالدي.

ملاحظة:إذا لم يكن هناك خط مائل أو مائل متاح، يمكن رسم السطح المائل من خلال تطبيق تحويل مائل على السطح العادي لإنشاء سطح مائل.

تطابق المتصفحات

تطابق متصفحات متصفح font-style الخاصية، الأرقام في الجدول التالي تعبر عن أحدث إصدار من المتصفح الذي يدعم الخاصية؛ يدعم جميع المتصفحات الرئيسية هذه الخاصية.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 7+

قراءة المزيد

يرجى الرجوع إلى الدروس التالية:CSS الخط،CSS النص

خصائص وقواعد مرتبطة:font،font-variant،font-weight،font-size،line-height،font-family،@font-face