CSS свойство unicode-bidi

Свойство unicode-bidi определяет, как работает двунаправленный текст в документе.

Свойство unicode-bidi переопределяет алгоритм Unicode и позволяет контролировать встраивание текста.

Данное свойство работает только со свойством direction.

Unicode-bidi и direction являются единственными свойствами, на которых свойство all не имеет влияния.

Значение по умолчанию normal
Применяется Ко всем элементам несмотря на то что некоторые значения не имеют эффекта на нестрочных элементах.
Наследуется Да
Анимируемое Нет
Версия CSS2
DOM синтаксис object.style.unicodeBidi = "isolate";

Синтаксис

unicode-bidi: normal | embed | bidi-override | isolate | isolate-override | plaintext | initial | inherit;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок текста</title>
    <style>
      div.text {
      direction: rtl;
      unicode-bidi: embed;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства unicode-bidi</h2>
    <div>Обычное направление текста.</div>
    <div class="text">Значение "embed"..</div>
  </body>
</html>

Здесь значение "bidi-override" переопределяет текст:

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      div.text {
      direction: rtl;
      unicode-bidi: bidi-override;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства unicode-bidi</h2>
    <div>Обычное направление текста.</div>
    <div class="text">Значение "bidi-override".</div>
  </body>
</html>

Значения

Значение Описание
normal Дополнительный уровень встраивания не требуется.
embed Требуется дополнительный уровень встраивания при строчных элементах.
bidi-override Переопределяет строчные элементы. При элементах блочного контейнера данное значение создает переопределение для потомков строчного уровня.
isolate Элемент изолирован от остальных. Значение указывает, что направленность контейнера элемента должна быть вычислена без учета контента данного элемента.
isolate-override Применяет изолирование для окружающего контента, а переопределение применяется для внутреннего контента.
plaintext Работает подобно значению isolate, но направленность вычисляется используя P2 и P3 (правила Unicode Bidirectional Algorithm).
initial Устанавливает свойство в значение по умолчанию.
inherit Значение элемента наследуется от родительского элемента.

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

chrome edge firefox safari opera
2.0+ 12.0+ 1.0+ 1.3+ 9.2+

Практикуйте свои знания

Какие свойства имеет CSS свойство unicode-bidi?
Считаете ли это полезным?