dir атрибут HTML

Глобальный глобальный атрибут dir — это перечисляемый атрибут, указывающий направление текста элемента.

Попробуйте

<p dir="rtl">
  This paragraph is in English but incorrectly goes right to left.
</p>
<p dir="ltr">This paragraph is in English and correctly goes left to right.</p>

<hr />

<p>هذه الفقرة باللغة العربية ولكن بشكل خاطئ من اليسار إلى اليمين.</p>
<p dir="auto">
  هذه الفقرة باللغة العربية ، لذا يجب الانتقال من اليمين إلى اليسار.
</p>

Он может принимать следующие значения:

• ltr, что означает слева направо и используется для языков, которые пишутся слева направо (например, английского);
• rtl, что означает справа налево и используется для языков, которые пишутся справа налево (например, арабского);
• auto, позволяет пользовательскому агенту принять решение. При разборе символов внутри элемента используется простой алгоритм: он ищет символ с выраженным направлением текста, а затем применяет это направление ко всему элементу.

Если значение не указано, оно наследуется от родительского элемента.

Этот атрибут можно переопределить с помощью CSS-свойств direction и unicode-bidi, если активна CSS-таблица стилей и элемент поддерживает эти свойства.

Поскольку направление текста семантически связано с его содержимым, а не с представлением, веб-разработчикам рекомендуется по возможности использовать этот атрибут вместо связанных CSS-свойств. Так текст будет отображаться правильно даже в браузере, который не поддерживает CSS или в котором CSS отключён.

Наследование

Если у элемента нет атрибута dir, он унаследует значение dir, заданное для его родительского узла, который, в свою очередь, может унаследовать его от своего родителя и так далее.

Примечания по использованию

Для изображения можно задать свойство dir со значением "rtl"; в этом случае атрибуты HTML title и alt будут форматироваться и определяться как "rtl".

Если для таблицы задано значение "rtl" атрибута dir, порядок столбцов располагается справа налево.

Этот атрибут обязателен для элемента <bdo>, где он имеет другое семантическое значение.

Этот атрибут не наследуется элементом <bdi>. Если он не задан, его значение равно auto.

Браузеры могут позволять пользователям менять направление текста в элементах <input> и <textarea>, чтобы упростить создание содержимого. В Chrome и Safari в контекстном меню полей ввода есть параметр направления текста. В Firefox сочетание клавиш Ctrl (Windows)/Cmd (macOS) + Shift + X внутри <textarea> переключает направление текста. Эти функции переключают значение атрибута dir между ltr и rtl.

Спецификации

Совместимость с браузерами

См. также

• Все глобальные атрибуты.
• HTMLElement.dir, отражающий значение этого атрибута.
• Работа с текстом разных направлений