تعريفه
نستخدم الوسم <bdo>
على هذا النحو <bdo dir="direction">text</bdo>
لتغيير جهة عرض النص و اتجاه كل حرف بداخله أيضاً.
- مكان الكلمة
text
نمرر النص الذي نريد تحديد جهة عرضه و عرض كل حرف فيه.
- مكان الكلمة
direction
نمرر قيمة مهيئة مسبقاً تحدد الإتجاه الذي نريد عرض النص بشكل عام و كل حرف موجود فيه.
معلومة تقنية
إسم الوسم <bdo>
مشتق من عبارة Bidirectional Text Override التي يقصد بها إمكانية تحديد عرض النص بالإتجاهين.
دعم المتصفحات
الجدول التالي يظهر المتصفحات التي تدعم الوسم <bdo>
.
Chrome |
Edge |
Firefox |
Opera |
Safari |
Android Webview |
Chrome for Android |
Firefox for Android |
Opera for Android |
Safari for IOS |
Samsung Internet |
مدعوم |
12 |
مدعوم |
مدعوم |
مدعوم |
مدعوم |
مدعوم |
مدعوم |
مدعوم |
مدعوم |
مدعوم |
خصائصه
يملك خاصية واحدة هي الخاصية dir
التي نضيفها له لتحديد جهة النص و اتجاه كل حرف فيه.
- في حال تم تمرير القيمة
ltr
فهذا يعني أن اتجاه النص و اتجاه كل حرف فيه هو من اليسار إلى اليمين.
- في حال تم تمرير القيمة
rtl
فهذا يعني أن اتجاه النص و اتجاه كل حرف فيه هو من اليمين إلى اليسار.
إستخدامه
في المثال التالي قمنا بعرض النص بداخل الوسم <bdo>
مع تحديد أنه يجب عرضه من اليمين إلى اليسار.
مثال
<bdo dir="rtl">This text will go right-to-left.</bdo>
جرب الكود
تصميمه الإفتراضي
بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.
bdo {
unicode-bidi: bidi-override;
}