HTMLالوسم <bdo>
- تعريفه
- دعم المتصفحات
- خصائصه
- إستخدامه
- تصميمه الإفتراضي
تعريفه
نستخدم الوسم <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 dir="rtl">This text will go right-to-left.</bdo>
تصميمه الإفتراضي
بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.
bdo {
unicode-bidi: bidi-override;
}
bdo {
unicode-bidi: bidi-override;
}
