unicode-bidi

Основание Широко доступно

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с января 2020 года.

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

Попробовать

Свойства unicode-bidi и direction — единственные свойства, на которые не влияет сокращённое свойство all.

Предупреждение: Это свойство предназначено для разработчиков определений типов документов (DTD). Веб-дизайнеры и аналогичные авторы не должны его переопределять.

Синтаксис

/* Keyword values */
unicode-bidi: normal;
unicode-bidi: embed;
unicode-bidi: isolate;
unicode-bidi: bidi-override;
unicode-bidi: isolate-override;
unicode-bidi: plaintext;

/* Global values */
unicode-bidi: inherit;
unicode-bidi: initial;
unicode-bidi: revert;
unicode-bidi: revert-layer;
unicode-bidi: unset;

Значения

normal: Элемент не предоставляет дополнительного уровня вложения относительно алгоритма двунаправленности. Для инлайновых элементов неявное упорядочивание действует через границы элементов.
embed: Если элемент инлайновый, это значение открывает дополнительный уровень вложения относительно алгоритма двунаправленности. Направление этого уровня вложения задаётся свойством direction.
bidi-override: Для инлайновых элементов это создаёт переопределение. Для блочных контейнерных элементов это создаёт переопределение для инлайновых дочерних элементов, не находящихся внутри другого блочного контейнерного элемента. Это означает, что внутри элемента упорядочивание строго последовательно согласно свойству direction; неявная часть алгоритма двунаправленности игнорируется.
isolate: Это ключевое слово указывает, что направление контейнера элемента должно вычисляться без учёта содержимого этого элемента. Таким образом, элемент изолируется от своих соседей. При применении своего алгоритма разрешения двунаправленности, родительский элемент рассматривает его как один или несколько U+FFFC Object Replacement Character, т.е. как изображение.
isolate-override: Это ключевое слово применяет поведение изоляции ключевого слова isolate к окружающему контенту и поведение переопределения ключевого слова bidi-override к внутреннему контенту.
plaintext: Это ключевое слово заставляет вычислять направление элементов без учёта состояния двунаправленности родителя или значения свойства direction. Направление вычисляется с использованием правил P2 и P3 алгоритма Unicode двунаправленности. Это значение позволяет отображать данные, которые уже отформатированы инструментом, следуя алгоритму Unicode двунаправленности.

Формальное определение

Начальное значение	`normal`
Применимо к	все элементы, хотя некоторые значения не влияют на не-инлайновые элементы
Наследуется	нет
Вычисленное значение	как указано
Тип анимации	Не анимируемо

Формальный синтаксис

unicode-bidi = 
  normal            |
  embed             |
  isolate           |
  bidi-override     |
  isolate-override  |
  plaintext

Примеры

CSS

.bible-quote {
  direction: rtl;
  unicode-bidi: embed;
}

HTML

<div class="bible-quote">A line of text</div>
<div>Another line of text</div>

Результат

Спецификации

Спецификация
CSS Writing Modes Level 4 # unicode-bidi

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

	Рабочий стол					Мобильное устройство
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari в IOS	Samsung Internet	WebView Android
`unicode-bidi`	2	12	1	9.2	1.3	18	4	10.1	1	1.0	4.4
`bidi-override`	2	12	1	15	1.3	18	4	14	1	1.0	4.4
`embed`	2	12	1	15	1.3	18	4	14	1	1.0	4.4
`isolate`	48 16 ["Избегайте использования `-webkit-isolate`. Это может заблокировать более старые версии Safari (до версии 9) и Chrome (до версии 47).", "Начиная с Chrome 19, синтаксис из предыдущей версии спецификации, где ключевое слово `isolate` могло использоваться вместе с `bidi-override`, разрешен."]	7979	50 10–54 От Firefox 10 до Firefox 16 (включительно) ключевое слово `isolate` могло использоваться вместе с `bidi-override`, что был синтаксис из предыдущей версии спецификации. Начиная с Firefox 17, разрешено только одно значение. Используйте `isolate-override` вместо предыдущего `isolate bidi-override`.	35 15 ["Избегайте использования `-webkit-isolate`. Это может заблокировать более старые версии Opera (до версии 34).", "Синтаксис из предыдущей версии спецификации, где ключевое слово `isolate` могло использоваться вместе с `bidi-override`, разрешен."]	11 6 Избегайте использования `-webkit-isolate`. Это может заблокировать более старые версии Safari (до версии 9) и Chrome (до версии 47).	48	50 10–54 От Firefox 10 до Firefox 16 (включительно) ключевое слово `isolate` могло использоваться вместе с `bidi-override`, что был синтаксис из предыдущей версии спецификации. Начиная с Firefox 17, разрешено только одно значение. Используйте `isolate-override` вместо предыдущего `isolate bidi-override`.	35	11 6 Избегайте использования `-webkit-isolate`. Это может заблокировать более старые версии Safari (до версии 9) и Chrome (до версии 47).	5.0	48
`isolate-override`	48	79	5017–54	35	117	48	5017–54	35	117	5.0	48
`normal`	2	12	1	15	1.3	18	4	14	1	1.0	4.4
`plaintext`	48	79	50 10–54 ["Перед Firefox 50 значение `plaintext` игнорировалось для вертикальных режимов написания (ошибка 1302734).", "Перед Firefox 15, `plaintext` не выполнял никаких действий над блоком inline. Спецификация изменилась, и реализация была изменена в Firefox 15."]	35	116	48	50 10–54 ["Перед Firefox 50 значение `plaintext` игнорировалось для вертикальных режимов написания (ошибка 1302734).", "Перед Firefox 15, `plaintext` не выполнял никаких действий над блоком inline. Спецификация изменилась, и реализация была изменена в Firefox 15."]	35	116	5.0	48

См. также

direction

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/unicode-bidi