แบบอีกของ HTML <bdi>

คำนิยามและวิธีใช้

BDI หมายถึงการกั้นแบบทวิทรงBi-Directional Isolation)

<bdi> แบบภาพแยกช่วงข้อความออกมา ซึ่งอาจมีทิศทางข้อความที่แตกต่างจากข้อความอื่นๆด้านนอก

เมื่อใส่เนื้อหาที่สร้างโดยผู้ใช้ที่มีทิศทางข้อความที่ไม่ทราบก่อน องค์ประกอบนี้มีประโยชน์มาก

ตัวอย่าง

แยกชื่อผู้ใช้ออกจากการตั้งระยะทางของข้อความที่อยู่รอบๆ

<ul>
  <li>User <bdi>Bill</bdi>: 70 คะแนน</li>
  <li>User <bdi>Steve</bdi>: 80 คะแนน</li>
  <li>User <bdi>إيان</bdi>: 90 คะแนน</li>
</ul>

ทดลองด้วยตัวเอง

คุณสมบัติโลก

<bdi> แบบภาพยังสนับสนุน คุณสมบัติโลกใน HTML.

คุณสมบัติเหตุการณ์

<bdi> แบบภาพยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML.

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางนี้บอกเล่าถึงเวอร์ชั่นบราวเซอร์ที่สนับสนุนอัตราการใช้งานครั้งแรกของอัตราการใช้งานนี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 79.0 10.0 ไม่สนับสนุน 15.0