<bdo>: The Bidirectional Text Override element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Phần tử <bdo> trong HTML ghi đè hướng văn bản hiện tại, sao cho văn bản bên trong được hiển thị theo hướng khác.

Try it

<h1>Famous seaside songs</h1>

<p>The English song "Oh I do like to be beside the seaside"</p>

<p>
  Looks like this in Hebrew:
  <span dir="rtl">אה, אני אוהב להיות ליד חוף הים</span>
</p>

<p>
  In the computer's memory, this is stored as
  <bdo dir="ltr">אה, אני אוהב להיות ליד חוף הים</bdo>
</p>

html {
  font-family: sans-serif;
}

bdo {
  /* Add your styles here */
}

Các ký tự của văn bản được vẽ từ điểm bắt đầu theo hướng đã cho; hướng của các ký tự riêng lẻ không bị ảnh hưởng (vì vậy các ký tự không bị vẽ ngược, ví dụ).

Thuộc tính

Các thuộc tính của phần tử này bao gồm các thuộc tính toàn cục.

dir

Hướng mà văn bản nên được hiển thị trong nội dung của phần tử này. Các giá trị có thể có là:

ltr: Chỉ ra rằng văn bản nên đi theo hướng từ trái sang phải.
rtl: Chỉ ra rằng văn bản nên đi theo hướng từ phải sang trái.

Ví dụ

html

<!-- Switch text direction -->
<p>This text will go left to right.</p>
<p><bdo dir="rtl">This text will go right to left.</bdo></p>

Danh mục nội dung	Nội dung luồng, nội dung cụm từ, nội dung hữu hình.
Nội dung được phép	Nội dung cụm từ.
Bỏ qua thẻ	Không có, cả thẻ mở và thẻ đóng đều bắt buộc.
Phần tử cha được phép	Bất kỳ phần tử nào chấp nhận nội dung cụm từ.
Vai trò ARIA ngầm định	`generic`
Các vai trò ARIA được phép	Bất kỳ
Giao diện DOM	`HTMLElement` Đến Gecko 1.9.2 (Firefox 4) bao gồm, Firefox triển khai giao diện `HTMLSpanElement` cho phần tử này.