عرض مصدر HTML/bdo

<noinclude>{{DISPLAYTITLE:العنصر <code>&lt;bdo&gt;</code>}}</noinclude>
يتجاوز العنصر <code><nowiki><bdo></nowiki></code> (اختصار للعبارة ''bidirectional override'') اتجاه النص الحالي واستخدام اتجاه مُحدَّد مسبقًا. 

المثال الآتي يستخدم العنصر <code><nowiki><bdo></nowiki></code> لعرض جملة عربية ضمن نص إنكليزي:
<syntaxhighlight lang="html">
<p>This text will go left to right.</p>
<p><bdo dir="rtl">أما هذا النص فهو rtl أي من اليمين لليسار</bdo></p>

</syntaxhighlight>لاحظ أنَّ العنصر <code><nowiki><bdo></nowiki></code> سيؤدي إلى تجاوز خوارزمية تحديد الاتجاه التي تستعملها المتصفحات، وهذا يعني أنَّ جميع الكلام سيعرض من اليمين إلى اليسار (في حال إسناد القيمة <code>rtl</code> إلى الخاصية <code>dir</code>)، لذا ستُعرَض الكلمة <code>rtl</code> في المثال السابق هكذا: <code>ltr</code>.

لا تستخدم هذا العنصر إلا في الحالات الضرورية، وانظر إن كان بإمكانك استخدام العنصر <code>[[HTML/bdi|<nowiki><bdi></nowiki>]]</code> بدلًا منه.

== بطاقة العنصر ==
{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" | تصنيفات المحتوى
| عنصر تنظيمي أو عنصر عادي.
|-
! scope="row" | المحتوى المسموح
| محتوى عادي.
|-
! scope="row" | الوسم المختصر
| لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
|-
! scope="row" | العناصر الأب
| أي عنصر يقبل المحتوى العادي.
|-
! scope="row" | واجهة DOM
| <code>HTMLSpanElement</code>
|}
== دعم المتصفحات ==
{| class="wikitable" style="width: 50%;"
 !| Chrome
 ! Firefox
 ! Edge
 ! Safari
 ! Opera
|-
|مدعوم
|مدعوم
|مدعوم
|مدعوم
|مدعوم
|}
== الخاصيات ==
يمكن استخدام [[HTML/Global Attributes|الخاصيات العامة]] في هذا العنصر.

=== <code>dir</code> ===
تحديد اتجاه النص داخل هذا العنصر، القيم الممكنة هي:
* <code>ltr</code>: تحديد أنَّ اتجاه النص من اليسار إلى اليمين (left-to-right).
* <code>rtl</code>: تحديد أنَّ اتجاه النص من اليمين إلى اليسار (right-to-left).

==مصادر ومواصفات==
*معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-bdo-element HTML Living Standard].
*مواصفة [http://www.w3.org/TR/html5/textlevel-semantics.html#the-bdo-element HTML5].
*مواصفة [http://www.w3.org/TR/html401/dirlang.html#h-8.2.4 HTML 4.01].
[[تصنيف:HTML|{{SUBPAGENAME}}]]
[[تصنيف:HTML Elements|{{SUBPAGENAME}}]]
[[تصنيف:HTML Inline text semantics|{{SUBPAGENAME}}]]