Unicode-bidi - Triky CSS

Anonim

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:

  1. „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.
  2. 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.
  3. 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).

Podpora prehliadača

Chrome Safari Firefox Opera IE Android iOS
Tvorba Tvorba Tvorba Tvorba 8,0+ Tvorba Tvorba

Súvisiace vlastnosti

Almanach 5. januára 2021

smer

.element ( direction: rtl; ) Almanach Jwahira Sundaiho 5. januára 2021

režim písania

.element ( writing-mode: vertical-rl; ) Robin Rendle