Cách thiết lập hướng văn bản (text direction) với JavaScript

Thuộc tính direction (CSS direction) xác định hướng cơ sở của văn bản: ltr (trái sang phải – mặc định) hoặc rtl (phải sang trái – tiếng Ả Rập, Do Thái, v.v.).

Ví dụ minh họa

Nhấn nút để đổi hướng tiêu đề sang phải-sang-trái (rtl):

<!DOCTYPE html>
<html>
<body>
  <h1 id="myID">Tiêu đề 1</h1>
  <p>Nhấn nút để đặt hướng tiêu đề sang Phải-sang-Trái</p>
  <button type="button" onclick="display()">Thay đổi hướng</button>
  <script>
    function display() {
      document.getElementById("myID").style.direction = "rtl";
    }
  </script>
</body>
</html>

Lưu ý quan trọng

• direction ảnh hưởng đến: thứ tự cột trong bảng, hướng cuộn ngang, vị trí dấu chấm câu, căn lề mặc định.
• Để hỗ trợ tốt RTL, hãy thêm dir="rtl" trên thẻ <html> hoặc container cha.
• Kết hợp với unicode-bidi cho văn bản nhúng đôi hướng phức tạp.