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

Описание

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

Пример использования:
<table border="1"> <tr> <td dir="rtl">نص عربي</td> <!-- Арабский текст --> <td dir="ltr">English text</td> </tr> </table>

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

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

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

  • Влияет на порядок отображения текста и чисел
  • Для RTL-языков обычно комбинируется с align="right"
  • Может наследоваться от родительских элементов
  • Поддерживается всеми современными браузерами

Пример с CSS:

<style> .arabic-text { font-family: 'Traditional Arabic', Arial, sans-serif; text-align: right; } </style> <table border="1"> <tr> <td dir="rtl" class="arabic-text">اللغة العربية</td> </tr> </table>

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

  • Для RTL-языков указывайте направление явно
  • Комбинируйте с CSS-свойством text-align
  • Для чисел в RTL-контексте используйте dir="ltr"
  • Тестируйте отображение в разных браузерах

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

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

Примечание: Для многоязычных интерфейсов указывайте dir вместе с атрибутом lang для корректного отображения и произношения.