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

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

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

INFO

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

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

Синтаксис

Значения CSS unicode-bidi

css

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

Пример использования свойства unicode-bidi:

Пример кода CSS unicode-bidi

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      div.text {
        direction: rtl;
        unicode-bidi: embed;
      }
    </style>
  </head>
  <body>
    <h2>Unicode-bidi property example</h2>
    <div>Normal writing direction. مرحبا بالعالم</div>
    <div class="text">Using "embed" value. مرحبا بالعالم</div>
  </body>
</html>

Try it Yourself »

Пример свойства unicode-bidi со значением "bidi-override":

Пример CSS unicode-bidi bidi-override

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      div.text {
        direction: rtl;
        unicode-bidi: bidi-override;
      }
    </style>
  </head>
  <body>
    <h2>Unicode-bidi property example</h2>
    <div>Normal writing direction. مرحبا بالعالم</div>
    <div class="text">Using "bidi-override" value. مرحبا بالعالم</div>
  </body>
</html>

Try it Yourself »

Значения

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

Практика

Свойство unicode-bidi

определяет поведение двунаправленного текста в документе.позволяет переопределять алгоритм Unicode.позволяет управлять встраиванием текста.не является анимируемым свойством.

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

Синтаксис ​

Пример использования свойства unicode-bidi: ​

Пример свойства unicode-bidi со значением "bidi-override": ​