ماهي الاتجاهات CSS Directions

خاصية الاتجاهات CSS Directions Properties

أين يتم تعيين الاتجاهات CSS directions use

ماهي الاتجاهات CSS Directions

نقصد بالاتجاهات هو من أين يبدأ أو يكون موضع العنصر داخل صفحة الويب.

 فعلى سبيل المثال لدينا نص موقع باللغة العربية ولدينا موقع باللغة الإنجليزية، وبالتأكيد لكل منهما خواصه. فالموقع العربي يحوي نصوص بالعربية وتبدأ دائما من اليمين بعكس النص باللغة الإنجليزية التي تبدأ من اليسار.

هنا تأتي وظيفة تعيين خاصية الاتجاهات direction لضبط التنسيق المناسب لعناصر الويب.

خاصية الاتجاهات CSS Directions Properties

يتم استخدام خاصية الاتجاهات direction لتعيين الاتجاه للعنصر ولها قيمتان:

• الاتجاه من اليمين إلى اليسار rtl وتستخدم في الغالب في الموقع العربية كالتالي:

direction: rtl;

• الاتجاه من اليسار إلى اليمين ltr وتستخدم في المواقع الإنجليزية أو لترتيب أي عناصر كالتالي:

direction: ltr;

أين يتم تعيين الاتجاهات CSS directions use

يتم تعيين الاتجاهات بحسب الاحتياج وبحسب تخطيط المصمم للعناصر وغالبا ماتكون للعناصر التالية:

• النصوص.
• اتجاه محتويات الموقع ككل (website blocks) وبالإمكان ملاحظة ذلك في المواقع التي لديها لغتين كالعربية والإنجليزية.

مثال (21)

سنقوم بتطبيق المثال السابق (20) مع إضافة خاصية الاتجاه للقائمة اليمين إلى اليسار وترجمة عناصر القائمة.

الخطوات:

• ترجمة عناصر القائمة في صفحة الويب.
• إضافة خاصية الاتجاه من اليمين إلى اليسار (direction: rtl;) إلى الكلاس menu ul

النتيجة: