Cách xác định hướng hiển thị văn bản (direction) trong HTML

Thuộc tính dir (direction) trên phần tử HTML xác định hướng cơ sở của văn bản: ltr (trái sang phải – mặc định), rtl (phải sang trái), hoặc auto (tự động theo ký tự đầu tiên có hướng mạnh).

Ví dụ minh họa

Văn bản LTR mặc định và đoạn RTL tường minh:

<!DOCTYPE html>
<html>
<body>
  <p>Đây là văn bản demo từ trái sang phải.</p>
  <p dir="rtl">هذا نص تجريبي من اليمين إلى اليسار.</p>
  <p dir="auto">هذا نص يبدأ بحرف عربي</p>
</body>
</html>

Ảnh hưởng của dir

• Thứ tự hiển thị inline elements.
• Căn lề mặc định (text-align: start/end).
• Vị trí scrollbar, cursor, punctuation.
• Thứ tự cột trong <table> (nếu không có CSS).

Best practice

• Đặt <html dir="rtl"> cho trang toàn bộ RTL.
• Dùng dir="auto" cho input, textarea, contenteditable chứa nội dung user.
• CSS logical properties: margin-inline-start, padding-inline-end thay vì left/right để tự thích ứng dir.