Unicode-bidi - Triky CSS | Almanach CSS 2025

Táto unicode-bidivlastnosť je jednou z dvoch vlastností CSS, ktoré spracúvajú vykreslenie obojsmerného textu v HTML a podobných jazykoch založených na značkách (napr. XML). Ďalšia vlastnosť je directiona tieto dve vlastnosti sa používajú spolu na vytvorenie úrovní vloženého textu s rôznymi smermi textu (sprava doľava a zľava doprava) v jednom prvku DOM.

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

Prehliadač zvyčajne určuje, ktorým smerom bude vložený text prúdiť, v závislosti od langatribútov prvkov, miestneho nastavenia prehliadača a font-familykonkrétnych prvkov. unicode-bidipríde vhod, keď prvok obsahuje text LTR aj text RTL:

Používateľský agent použije na určenie toho, ako sa má text zobraziť, zložitý algoritmus definovaný štandardom Unicode. Táto vlastnosť konkrétne riadi úrovne vloženia a prepíše obojsmerný algoritmus Unicode.

Toto unicode-bidizariadenie má tri široko podporované hodnoty:

„normálne“ kľúčové slovo, ktoré neponúka žiadne ďalšie úrovne vloženého obojsmerného textu (predvolené správanie prehliadača). Prvok s touto vlastnosťou bude obsahovať iba text LTR alebo RTL.
kľúčové slovo „vložiť“, ktoré umožňuje obojsmerný text v prvku (napríklad text RTL pretekajúci textom LTR). Toto je určené directionvlastnosťou a musí sa použiť na vložený prvok.
kľúčové slovo „bidi-override“, ktoré pri použití na vložené prvky funguje rovnako ako „vložiť“. Na prvkoch na úrovni bloku prepíše dvojsmerný textový algoritmus prehľadávača a postupuje text vnútri všetkých vložených potomkov presne podľa directionvlastnosti.

Body záujmu

Táto unicode-bidinehnuteľnosť je „určená pre návrhárov DTD. Weboví dizajnéri a podobní autori by to nemali prepísať. “ Ak ho potrebujete použiť, dobre sa rozhodnite.
Aj keď program Internet Explorer technicky podporuje unicode-bidiod verzie 5.5, existujú „vážne chyby týkajúce sa pohyblivých prvkov“ a použitie je v prehliadači IE 8+ spoľahlivé (pozri nižšie).