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

Описание

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

Пример использования:
<table dir="rtl"> <tr> <th>العمود الأول</th> <th>العمود الثاني</th> </tr> <tr> <td>بيانات</td> <td>بيانات</td> </tr> </table>

Допустимые значения:

Значение Описание
ltr Слева направо (по умолчанию)
rtl Справа налево
auto Автоматическое определение

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

  • Влияет на порядок столбцов в RTL-режиме
  • Не изменяет порядок ячеек в строке
  • Работает со всеми элементами таблицы (th, td)
  • Лучше всего работает в сочетании с атрибутом lang

Пример с автоматическим определением:

<table dir="auto"> <tr> <th>عنوان</th> <th>Title</th> </tr> <tr> <td>بيانات</td> <td>Data</td> </tr> </table>

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

  • Используйте dir="rtl" для арабского, иврита и других RTL-языков
  • Сочетайте с CSS-свойством direction для полного контроля
  • Для смешанного контента используйте dir="auto"
  • Тестируйте с реальным RTL-контентом

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

  • Не влияет на порядок сортировки данных
  • Может требовать дополнительной CSS-настройки
  • Не все браузеры одинаково обрабатывают auto-режим

Примечание: Для сложных таблиц с RTL-контентом может потребоваться дополнительная CSS-стилизация для правильного отображения границ и фонов.