Thẻ <bdi> HTML

Định nghĩa và cách sử dụng

BDI Định nghĩa là cách cách ly hai chiều (Cách ly song hướng)

<bdi> Thẻ cách ly một phần văn bản, phần văn bản này có thể khác hướng với văn bản khác bên ngoài.

Khi chèn nội dung được tạo bởi người dùng có hướng văn bản không biết trước, yếu tố này rất hữu ích.

Mẫu

Tách tên người dùng ra khỏi hướng văn bản xung quanh:

<ul>
  <li>User <bdi>Bill</bdi>: 70 điểm</li>
  <li>User <bdi>Steve</bdi>: 80 điểm</li>
  <li>User <bdi>إيان</bdi>: 90 điểm</li>
</ul>

Thử trực tiếp

Thuộc tính toàn cục

<bdi> Thẻ cũng hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<bdi> Thẻ cũng hỗ trợ Thuộc tính sự kiện trong HTML.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 79.0 10.0 Không hỗ trợ 15.0