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

Описание

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

Пример использования:
<table> <tbody dir="rtl"> <tr> <td>نص باللغة العربية</td> <td>100</td> </tr> <tr> <td>טקסט בעברית</td> <td>200</td> </tr> </tbody> </table>

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

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

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

  • Наследуется всеми ячейками внутри <tbody>
  • Влияет на порядок колонок для RTL-языков
  • Может комбинироваться с CSS-свойством direction
  • Поддерживается всеми современными браузерами

Пример с комбинированными направлениями:

<table> <thead dir="ltr"> <tr><th>Product</th><th>Price</th></tr> </thead> <tbody dir="rtl"> <tr><td>منتج 1</td><td>100</td></tr> </tbody> </table>

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

  • Используйте dir="rtl" для всего документа на RTL-языках
  • Для смешанного контента указывайте направление на конкретных элементах
  • Тестируйте отображение чисел в RTL-контексте
  • Сочетайте с CSS-свойством text-align: start/end

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

  • Не изменяет порядок столбцов автоматически (требуется CSS)
  • Могут возникать проблемы с выравниванием чисел
  • Не все браузеры одинаково обрабатывают dir="auto"

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