Тег <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)
class CSS-класс
data-* Пользовательские данные
hidden Скрытие элемента
id Уникальный идентификатор
lang Язык содержимого
style Инлайновые стили
title Всплывающая подсказка
translate Переводимость текста

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

3.0 1.0 1.0 1.0 1.0