HTML-тег `<bdo>`

HTML-тег <bdo> («bidirectional override») задаёт направление вывода текста справа налево. Он используется преимущественно для языков, в которых чтение осуществляется справа налево (например, арабского).

Для тега <bdo> обязателен атрибут dir. Он задаёт направление текста и может принимать одно из двух значений: ltr или rtl.

Не следует использовать слова и фразы справа налево без разметки, так как это может вызвать проблемы с отображением. Чтобы изолировать двунаправленный текст и избежать подобных проблем, используйте элемент <bdi>.

HTML5 явно поддерживает атрибуты событий для всех элементов, включая <bdo>.

Синтаксис

Тег <bdo> является парным. Содержимое записывается между открывающим (<bdo>) и закрывающим (</bdo>) тегами.

Пример текста HTML `<bdo>`:

HTML-тег <bdo>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Text from left to right </p>
    <p>
      <bdo dir="rtl">And this one, from right to left</bdo>.
    </p>
  </body>
</html>

Результат

bdo example

Атрибуты

Атрибут	Значение	Описание
dir	ltr \| rtl	Задаёт направление текста слева направо или справа налево.

Тег <bdo> также поддерживает Глобальные атрибуты и Атрибуты событий.

Как стилизовать HTML-тег `<bdo>`

Вы можете применять стандартные свойства CSS к элементу <bdo>. Например:

css

bdo {
  color: #333;
  font-weight: bold;
  background-color: #f0f0f0;
}

Практика

Какова цель HTML-тега <bdo>?

Позволяет нарисовать обёрточную рамку вокруг элемента.Используется в HTML для переопределения текущего направления текста.Используется для применения стилей к тексту.Позволяет задать направление отображения текста, но не переопределить его.

HTML-тег <bdo> ​

Синтаксис ​

Пример текста HTML <bdo>: ​

Результат ​

Атрибуты ​

Как стилизовать HTML-тег <bdo> ​