Programming Basics SQL HTML CSS JavaScript React Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Linux Learn Typing

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