<bdo>

وسم فرض اتجاه النص <bdo>

وسم bdo يفرض اتجاه عرض نص بعينه (rtl أو ltr) بغض النظر عن اتجاهه الطبيعي — أداة تعليمية وتقنية دقيقة لا للاستخدام اليومي.

بعكس bdi الذي يعزل ويترك الاكتشاف للمتصفح، bdo يقتحم ويفرض: خاصية dir عليه إلزامية (rtl أو ltr) وتقلب اتجاه عرض الأحرف داخله قسرًا، حتى لو كان محتواه عربيًّا يُفرض عليه ltr أو إنجليزيًّا يُفرض عليه rtl. الأحرف نفسها لا تُكتب بالمقلوب — يتغير اتجاه رصّها فقط.

استخدامه محدود عمليًّا: شرح خوارزمية الاتجاه ثنائي الاتجاه نفسها، عرض نص كما يُخزَّن في الذاكرة قبل معالجة العرض، أو حالات تصحيح أخطاء اتجاه نادرة. للاستخدام اليومي في المحتوى الديناميكي، bdi هو الخيار الصحيح غالبًا.

الصياغة

<bdo dir="rtl">This displays right-to-left</bdo>

⚡ جرّب بنفسك

عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.

🎨 محرّر HTML/CSS

<p>النص الطبيعي: Hello World</p>
<p>مع bdo dir="rtl": <bdo dir="rtl" style="unicode-bidi:bidi-override">Hello World</bdo></p>
<p style="font-size:13px; color:#666">لاحظ كيف انعكس اتجاه رصّ الأحرف قسرًا رغم أنها لاتينية.</p>

النتيجة المباشرة:

أهم الخصائص

الخاصية	الوظيفة
dir	إلزامية: rtl لفرض اتجاه يمين-لشمال، ltr لفرض شمال-ليمين

💡 نصائح عملية

غالبًا ما تحتاج مصحوبًا بـ CSS unicode-bidi: bidi-override في السياقات الأدق تقنيًّا
أداة نادرة الاستخدام — bdi أو dir العادية تكفي أغلب الحالات اليومية

⚠️ أخطاء شائعة

استخدامه بدل bdi لعزل نص مجهول الاتجاه — bdo يفرض اتجاهًا محددًا سلفًا لا يكتشفه
توقع انعكاس ترتيب الأحرف نفسها (كأنها مرآة) — الانعكاس في اتجاه الرصّ فقط

🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار HTML الكامل بالعربي.

📚 للتعمق التقني الكامل بالإنجليزية: MDN Web Docs