`<bdo>` Элемент HTML для переопределения направления двунаправленного текста

Базовый уровень Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в разных версиях браузеров. Она поддерживается браузерами с июля 2015 года.

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

Попробуйте

<h1>Famous seaside songs</h1>

<p>The English song "Oh I do like to be beside the seaside"</p>

<p>
  Looks like this in Hebrew:
  <span dir="rtl">אה, אני אוהב להיות ליד חוף הים</span>
</p>

<p>
  In the computer's memory, this is stored as
  <bdo dir="ltr">אה, אני אוהב להיות ליד חוף הים</bdo>
</p>

html {
  font-family: sans-serif;
}

bdo {
  /* Add your styles here */
}

Символы текста располагаются, начиная с начальной точки, в заданном направлении; ориентация отдельных символов не меняется (например, символы не отображаются в зеркальном отражении).

Атрибуты

Атрибуты этого элемента включают глобальные атрибуты.

dir

Направление отображения текста в содержимом этого элемента. Возможные значения:

ltr: указывает, что текст должен отображаться слева направо.
rtl: указывает, что текст должен отображаться справа налево.

Примеры

<!-- Switch text direction -->
<p>This text will go left to right.</p>
<p><bdo dir="rtl">This text will go right to left.</bdo></p>

Результат

Примечания

Спецификация HTML 4 не определяла события для этого элемента; они были добавлены в XHTML. Вероятнее всего, это упущение.

Техническая сводка

Категории содержимого	Потоковое содержимое, текстовое содержимое, ощутимое содержимое.
Допустимое содержимое	Текстовое содержимое.
Опускание тегов	Не допускается: обязательны и открывающий, и закрывающий теги.
Допустимые родительские элементы	Любой элемент, допускающий текстовое содержимое.
Неявная роль ARIA	`generic`
Допустимые роли ARIA	Любая
Интерфейс DOM	`HTMLElement` Вплоть до Gecko 1.9.2 включительно (Firefox 4) Firefox реализует для этого элемента интерфейс `HTMLSpanElement`.

Спецификации

Спецификация
HTML> # the-bdo-element>

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

	Настольные компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`bdo`	≤15	12	10	15	≤4	18	10	14	≤3.2	1.0	4.4	≤3.2

См. также

Связанный элемент HTML: <bdi>

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/bdo

<bdo> Элемент HTML для переопределения направления двунаправленного текста