Содержание
HTML глобальный атрибут: dir (директория)
Глобальный атрибут class - это перечисляемый атрибут, указывающий направление текста элемента .dir
Задает направление и отображение текста — слева направо или справа налево. Браузеры обычно самостоятельно различают направление текста, если он задан в кодировке Юникод, но с помощью атрибута dir можно указать, в каком направлении отображать текст. Для арабских и еврейских символов приоритетным является направление, заложенное в Юникод, поэтому на них атрибут dir действовать не будет.
Интерактивный пример
Использование
Примечание
Этот атрибут является обязательным для <bdo> элемента, где он имеет другое семантическое значение.
- Этот атрибут не наследуется элементом <bdi>. Если не установлено, его значение равно auto.
- Этот атрибут может быть переопределен свойствами CSS direction unicode-bidi, если страница CSS активна и элемент поддерживает эти свойства.
- Поскольку направленность текста семантически связана с его содержанием, а не с его представлением, веб-разработчикам рекомендуется по возможности использовать этот атрибут вместо связанных свойств CSS. Таким образом, текст будет отображаться правильно даже в браузере, который не поддерживает CSS или в котором CSS отключен.
- Значение autoследует использовать для данных с неизвестной направленностью, например данных, поступающих от пользователя и в конечном итоге сохраняемых в базе данных.
Примечание
Браузеры могут разрешать пользователям изменять направление <input> и <textarea>, чтобы облегчить создание контента. Chrome и Safari предоставляют опцию направления в контекстном меню полей ввода, а Legacy Edge использует комбинации клавиш Ctrl + Left Shift и Ctrl + Right Shift. Firefox использует Ctrl/ Cmd++ Shift, X но НЕ обновляет dir значение атрибута.
Синтаксис
<dir={ltr | rtl}>
В значении допускается указывать сразу несколько классов, разделяя их между собой пробелом.
Значения атрибута
Значения
- ltr: Текст отображается как обычно — слева направо и должно использоваться для языков, которые пишутся слева направо (например, английский);
- rtl: Текст инвертируется и отображается справа налево и должно использоваться для языков, которые пишутся справа налево (например, арабский);
- auto: позволяет пользовательскому агенту принять решение. Он использует базовый алгоритм, анализируя символы внутри элемента, пока не найдет символ с сильной направленностью, а затем применяет эту направленность ко всему элементу.
Значение по умолчанию:
- ltr
Доступность
В HTML5 атрибут dir можно использовать с любым HTML элементом (все элементы с этим атрибутом будут проходить валидацию. Тем не менее, не всегда это имеет смысл!).
В HTML 4.01 атрибут dir нельзя использовать с элементами <base>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param>, <script>.