Movatterモバイル変換


[0]ホーム

URL:


  1. Веб-технологии для разработчиков
  2. HTML
  3. Справка по HTML
  4. Элемент
  5. <bdo>

This page was translated from English by the community.Learn more and join the MDN Web Docs community.

View in EnglishAlways switch to English

<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: Указывает, что текст должен идти справа налево.

Примеры

html
<!-- Переключение направления текста --><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

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

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp