This page was translated from English by the community.Learn more and join the MDN Web Docs community.
<bdo>: Элемент переопределения направления текста
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 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;}/* stylelint-disable-next-line block-no-empty */bdo {}Текстовые символы рисуются от заданной точки в указанном направлении; индивидуальная ориентация символов не меняется (к примеру, символы не зеркалятся).
| Категории контента | Потоковый контент,фразовый контент, palpable content. |
|---|---|
| Допустимый контент | Фразовый контент. |
| Закрывающий тег | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Все элементы, принимающиефразовый контент, |
| Допустимые ARIA-роли | Любые |
| DOM-интерфейс | HTMLElement до Gecko 1.9.2 (Firefox 4) включительно, Firefox реализует интерфейсHTMLSpanElement для этого элемента. |
Атрибуты
Этот элемент поддерживаетглобальные атрибуты.
dirНаправление, в котором должен отображаться текст внутри элемента. Возможные значения:
ltr: Указывает, что текст должен идти слева направо.rtl: Указывает, что текст должен идти справа налево.
Примеры
<!-- Переключение направления текста --><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.
Спецификации
| Specification |
|---|
| HTML # the-bdo-element |