خاصية font-style
آخر تحديث: 2026-09-13
font-style خاصية font-style
تحدد خاصية font-style في CSS ما إذا كان النص يُعرض بأسلوب مائل (italic) أو منحرف (oblique). تقبل ثلاث قيم — normal وitalic وoblique — وتُستخدم غالبًا للاقتباسات والتأكيد والتنضيد الخاص.
| الفئة | |
|---|---|
| القيمة الأولية | normal |
| موروث | نعم |
| ينطبق على | all |
| نوع الحركة | discrete |
| إصدار CSS | CSS1 |
| الحالة | قياسي |
📝 التركيب
font-style: normal | italic | oblique <angle>?;⚙️ القيم
| القيمة | النوع | الوصف |
|---|---|---|
normal | italic | oblique | كلمة مفتاحية | أسلوب الخط: normal أو italic أو oblique |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفحات
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| font-style | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
تلميح： تستخدم italic أشكال الخط المائلة الخاصة بالخط، بينما تميل oblique الحروف اصطناعيًا؛ وعندما لا يحتوي الخط على نسخة مائلة تكون سلوكتاهما متطابقتين تقريبًا.
❓ الأسئلة الشائعة
Qما الفرق بين أسلوبي الخط italic وoblique؟
Aتستخدم italic أشكال الخط المائلة المصممة خصيصًا، بينما تميل oblique الحروف العادية ميكانيكيًا لخلق مظهر شبه مائل. إذا لم يكن للخط نسخة مائلة، يستبدل المتصفح italic بـoblique فتبدو متشابهة. ويسمح CSS أيضًا بتحديد زاوية، مثل oblique 10deg.
Qكيف أجعل النص مائلًا باستخدام خاصية font-style في CSS؟
Aاضبط font-style: italic (نتيجة أجمل، موصى بها) أو font-style: oblique (ميل قسري). يُطبَّق ذلك غالبًا على عناوين الكتب والكلمات الأجنبية والتأكيد. لاحظ أن العنصرين em وi مائلان افتراضيًا؛ استخدم font-style: normal لإزالة الميل.
Qكيف يختلف font-style: italic عن استخدام transform: skew في CSS؟
Afont-style إعداد تنضيدي يختار الأشكال المائلة أو يميلها قليلًا دون التأثير على صندوق العنصر؛ بينما transform: skew() تشوّه العنصر بأكمله هندسيًا بما في ذلك خلفيته وحدوده. استخدم font-style للخط المائل العادي وتجنّب skew كبديل.
🏷️ خصائص ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
