Unicode-bidi - Triky CSS | Almanach CSS 2025

Tato unicode-bidivlastnost je jednou ze dvou vlastností CSS, které zpracovávají vykreslování obousměrného textu v HTML a podobných jazycích založených na značkách (např. XML). Druhá vlastnost je directiona tyto dvě se používají společně k vytvoření úrovní vloženého textu s různými směry textu (zprava doleva a zleva doprava) v jednom prvku DOM.

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

Prohlížeč obvykle určuje, kterým směrem bude vložený text proudit, v závislosti na langatributu prvků, národním prostředí prohlížeče a font-familykonkrétních prvcích. unicode-bidipřijde vhod, když prvek obsahuje text LTR i text RTL:

Uživatelský agent použije složitý algoritmus definovaný standardem Unicode, aby určil, jak by měl text vypadat. Tato vlastnost konkrétně řídí úrovně vkládání a přepisuje pro obousměrný algoritmus Unicode.

unicode-bidiVlastnost má tři široce podporované hodnoty:

„normální“ klíčové slovo, které nenabízí žádné další úrovně vloženého obousměrného textu (výchozí chování prohlížeče). Prvek s touto vlastností bude obsahovat pouze text LTR nebo RTL.
klíčové slovo „embed“, které umožňuje obousměrný text v prvku (například text RTL proudící uprostřed textu LTR). To je určeno directionvlastností a musí být použito pro vložený prvek.
klíčové slovo „bidi-override“, které při použití na vložené prvky funguje stejně jako „vložení“. Na prvcích na úrovni bloku přepíše obousměrný textový algoritmus prohlížeče a tok textu uvnitř všech podřízených podřízených přesně podle directionvlastnosti.

Body zájmu

Tato unicode-bidivlastnost je „je určena pro návrháře DTD. Weboví designéři a podobní autoři by to neměli přepsat. “ Pokud jej potřebujete použít, pečlivě se rozhodněte.
I když Internet Explorer technicky podporuje unicode-bidiod verze 5.5, existují „závažné chyby týkající se plovoucích prvků“ a použití je v IE 8+ spolehlivé (viz níže)