Unicode-bidi - CSS-трикове | CSS алманах 2025

В 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имота има три широко подкрепяни стойности:

ключовата дума „нормална“, която не предлага допълнителни нива на вграден двупосочен текст (поведението на браузъра по подразбиране). Елемент с това свойство ще съдържа само LTR или RTL текст.
ключовата дума “embed”, която позволява двупосочен текст в елемент (например RTL текст, преминаващ сред LTR текст). Това се определя от directionсвойството и трябва да се приложи към вграден елемент.
ключовата дума “bidi-override”, която действа по същия начин като “embed”, когато се прилага към вградени елементи. На елементи на ниво блок той заменя двупосочния текстов алгоритъм на браузъра и прехвърля текста във всички вградени деца строго според directionсвойството.

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

В unicode-bidiимота е "е предназначен за DTD дизайнери. Уеб дизайнерите и подобни автори не трябва да го отменят. " Решете внимателно дали трябва да го използвате.
Въпреки че Internet Explorer технически поддържа unicode-bidiот версия 5.5, има „сериозни грешки, свързани с плаващи елементи“ и използването е надеждно в IE 8+ (вижте по-долу)