Атрибут dir тега <tr>

Описание

Атрибут dir для тега <tr> определяет направление текста в ячейках строки таблицы. Этот атрибут особенно важен для языков с письмом справа налево (RTL), таких как арабский или иврит.

Пример использования:
<table> <tr dir="rtl"> <td>نص عربي</td> <td>עברית</td> </tr> </table>

Значения атрибута:

Значение Описание Когда использовать
ltr Текст слева направо (по умолчанию) Для латинских, кириллических и других LTR-языков
rtl Текст справа налево Для арабского, иврита и других RTL-языков
auto Направление определяется автоматически Для смешанного контента или неизвестного языка

Особенности работы:

  • Применяется ко всем ячейкам строки
  • Наследуется дочерними элементами
  • Работает совместно с атрибутом lang
  • Влияет на порядок колонок в RTL-таблицах

CSS-эквивалент:

<style> .rtl-row td { direction: rtl; unicode-bidi: embed; } </style> <table> <tr class="rtl-row"> <td>نص عربي</td> <td>עברית</td> </tr> </table>

Рекомендации:

  • Используйте dir="rtl" для всего документа на RTL-языках
  • Для отдельных строк применяйте локальные атрибуты
  • Сочетайте с соответствующим lang-атрибутом
  • Тестируйте отображение чисел в RTL-контексте

Пример смешанного направления:

<table dir="rtl"> <tr> <td>עברית</td> <td dir="ltr">2025-01-15</td> </tr> </table>

Ограничения:

  • Не меняет порядок столбцов в таблице (нужен CSS)
  • Сложности с выравниванием чисел в RTL
  • Может нарушить layout сложных таблиц

Примечание: Для полной RTL-поддержки таблиц используйте CSS-свойства direction и text-align вместе с атрибутом dir.