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

دليل مرجع CSS

قواعد @ CSS

مجلة الخاصيات CSS الكاملة

طريقة استخدام الخاصية الاتجاه CSS ومثال

خصائص الاتجاه تحديد:

  • اتجاه الكتابة الأساسي للكتل (من اليمين إلى اليسار أو من اليسار إلى اليمين).

  • اتجاه التضمين والتعديل للخوارزمية الثنائية الحية Unicode (يرجى الرجوع إلىunicode-bidiالخاصية).

  • tableاتجاه تنسيق العمود.

  • overflowاتجاه.

  • عندtext-alignموقع السطر غير المكتمل في الأخير في البلاط.

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

القيمة الافتراضية:ltr
تطبيقها على:جميع العناصر
الوراثة:نعم
يمكن تفعيله كحركة:لا.يرجى الرجوع إلى خصائص الرسوم المتحركة.
الإصدار:CSS 2،3
JavaScript Syntax:object.style.direction="rtl"

ملاحظة:مختلف عن خاصية dir في HTML، لا تنقل خاصية direction في CSS إلى خلايا العناصر في القائمة، لأن CSS يتبع شجرة الوثيقة، السطر هو والدي الخلية في شجرة الوثيقة، وليس القائمة.

استخدام نظام الاتجاه

نظام النص

direction: ltr | rtl | initial | inherit

في المثال التالي، يتم عرض كيفية استخدام خاصية direction.

  p {
   direction: rtl;
   unicode-bidi: bidi-override;
  }
الاختبار ل‹/›

ملاحظة:لجعل خاصية direction تؤثر على ترتيب العناصر الداخلية للعناصر المدمجة، يجبunicode-bidiيجب أن تكون قيمة الخاصية embed أو override.

قيمة الخاصية

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

القيمةالوصف
ltrتعيين الاتجاه من اليسار إلى اليمين. هذا هو القيمة الافتراضية.
rtlتعيين الاتجاه من اليمين إلى اليسار.
initialاعتماد هذا الخاصية إلى قيمتها الافتراضية.
inheritإذا تم تحديد هذا، فإن العناصر ذات الصلة تأخذ قيمة الخاصية direction من العنصر الأم.

متوافقية المتصفح

متاح للوصول إلى متوافقية المتصفحات للخصائص direction، الأرقام في الجدول التالي تمثل أحدث إصدار من المتصفح الذي يدعم الخاصية؛ جميع المتصفحات الشائعة يدعمون هذه الخاصية.

  • Firefox 1+

  • Google Chrome 2+

  • Internet Explorer 5.5+

  • Apple Safari 1+

  • Opera 9.2+

قراءة متقدمة

يرجى الرجوع إلى التعليمات التالية:CSS Text.

الخصائص ذات الصلة: unicode-bidi