Юникод-биди - CSS-хитрости

Это unicode-bidiсвойство является одним из двух свойств CSS, которые обрабатывают отображение двунаправленного текста в HTML и подобных языках разметки (например, XML). Другое свойство - directionэто два, которые используются вместе для создания уровней встроенного текста с разными направлениями текста (справа налево и слева направо) в одном элементе DOM.

.bilingual-excerpt ( direction: rtl; unicode-bidi: embed; )

Браузер обычно определяет, в каком направлении будет течь встроенный текст, в зависимости от langатрибута элементов, языкового стандарта браузера и font-familyконкретных элементов. unicode-bidiпригодится, когда элемент содержит как текст LTR, так и текст RTL:

Пользовательский агент применяет сложный алгоритм, определенный стандартом Unicode, чтобы определить, как должен выглядеть текст. Это свойство, в частности, управляет уровнями внедрения и переопределяет двунаправленный алгоритм Unicode.

unicode-bidiСвойство имеет три широко поддерживаемых значений:

ключевое слово «normal», которое не предлагает дополнительных уровней встроенного двунаправленного текста (поведение браузера по умолчанию). Элемент с этим свойством будет содержать только текст LTR или RTL.
ключевое слово «embed», которое позволяет использовать двунаправленный текст в элементе (например, текст RTL, перемещающийся между текстом LTR). Это определяется directionсвойством и должно применяться к встроенному элементу.
ключевое слово «bidi-override», которое действует так же, как «embed», когда применяется к встроенным элементам. На блочных элементах он переопределяет алгоритм двунаправленного текста браузера и передает текст внутри любых встроенных дочерних элементов строго в соответствии со directionсвойством.

Точки интереса

unicode-bidiСвойство «предназначено для дизайнеров DTD. Веб-дизайнеры и подобные авторы не должны отвергать его ». Тщательно решите, нужно ли вам его использовать.
Хотя Internet Explorer технически поддерживает unicode-bidiначиная с версии 5.5, существуют «серьезные ошибки, связанные с плавающими элементами», и использование в IE 8+ надежно (см. Ниже).