Тег <bdo>

Описание

Тег <bdo> (Bi-Directional Override) позволяет принудительно изменить направление отображения текста (слева направо или справа налево), переопределяя автоматическое определение направления.

Принудительное RTL-направление:
<p> <bdo dir="rtl">Этот текст будет идти справа налево</bdo> </p>
Смешанные направления:
<p> Нормальный текст <bdo dir="rtl">текст справа налево</bdo> <bdo dir="ltr">и снова слева направо</bdo> </p>
Использование с RTL-языками:
<p> Арабское слово: <bdo dir="rtl">كتاب</bdo> (означает "книга") </p>

Отличие от <bdi>:

  • <bdo> - принудительно задаёт направление
  • <bdi> - изолирует текст с автоматическим определением направления

Тег <bdo> особенно полезен при работе с многоязычным контентом и RTL-языками (арабский, иврит и др.).

Атрибуты

dir Обязательный атрибут направления текста (ltr/rtl)
accesskey Горячая клавиша
class CSS-класс
contenteditable Редактируемость
data-* Пользовательские данные
hidden Скрытие элемента
id Уникальный идентификатор
lang Язык содержимого
spellcheck Проверка орфографии
style Инлайновые стили
tabindex Порядок перехода
title Всплывающая подсказка
translate Переводимость текста

Поддержка браузерами
3.0 1.0 1.0 1.0 1.0