dir

Описание

Атрибут dir (от англ. "directionality" ‒ «направленность») используется для указания направления отображение текста (слева направо или справа налево), язык которого является основным для данного элемента. Обычно браузеры самостоятельно понимают направление текста, если он задан в кодировке Юникод. Атрибут dir бывает нужен в тех случаях, когда в тексте присутствуют фразы из разных языков, у которых направление письма различается, например, английский, русский и латинский языки имеют письменность слева направо, а арабский язык, иврит и урду имеют письменность справа налево.

Синтаксис

<element dir = "ltr | rtl | auto">

Например,

<p dir="rtl">...</p>

Значения

  • ltr - текст отображается как обычно — слева направо (по умолчанию).
  • rtl - текст инвертируется и отображается справа налево.
  • auto - устанавливает автоматическое определение расположения текста. Действие атрибута dir наследуется от родительского элемента, а так же существует возможность переопределения его значения в дочернем элементе.

    Примечание

Учтите, что эвристические методы работы данного атрибута примитивные (просто учитывается первый символ для определения направления, аналогично определяется направление и в абзаце при двунаправленном алгоритме). Авторам настоятельно рекомендуется использовать это значение в качестве крайней меры, когда направление текста действительно неизвестно и не может быть применена лучшая эвристика на стороне сервера.

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

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

В зависимости от значения атрибута dir, браузеры будут менять не только направление текста, но и положение полосы прокрутки (скроллинга) элемента, а если его установить у элемента <table>, то и порядок столбцов HTML-таблицы.

Пример

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

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

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

Настольные браузеры

Базовая поддержка 112163.51

Мобильные браузеры

Базовая поддержка 1дада161да

См. также: