Синтаксис

<bdo dir="...">...</bdo>

Описание

Тег <bdo> (от англ. bidirectional override — переопределение двунаправленности) устанавливает направление текста в выбранном фрагменте. Используется преимущественно с языками, где чтение происходит справа налево.

Символы текста меняют физически своё положение из начальной точки в заданном направлении.

Тег <bdo> применяется с атрибутом dir и значениями ltr (left-to-right), или rtl (right-to-left), задающими направление текста слева направо, либо справа налево.

Для правильного восприятия контента страницы браузером нужно использовать тег <bdi>, который изолирует фрагмент текста, который должен отображаться в другом направлении письма.

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

Атрибуты

Атрибут Значение Описание
dir ltr

задаёт направление текста слева направо

rtl

задаёт направление текста справа налево

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег bdo</title>
</head>
<body>
    <p><bdo dir="ltr">Привет</bdo></p>
    <p><bdo dir="rtl">Привет</bdo></p>
</body>
</html>

Отображение в браузере:

Привет

Привет

Параметры CSS по умолчанию

bdo {

    unicode-bidi: bidi-override;

}

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

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<bdo> Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

Только свежие новости программирования и технологий каждый день.