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 {
unicode-bidi: bidi-override;
}