unicode-bidi
Imovine je jedan od dva CSS svojstava koji se bave donošenje dvosmjerno tekst u HTML i slične markup-based jezika (npr XML). Drugo je svojstvo direction
i zajedno se koriste za stvaranje razina ugrađenog teksta s različitim smjerovima teksta (zdesna nalijevo i slijeva nadesno) u jednom DOM elementu.
.bilingual-excerpt ( direction: rtl; unicode-bidi: embed; )
Preglednik obično određuje u kojem će smjeru umetnuti tekst teći, ovisno o lang
atributu elemenata, lokalitetu preglednika i font-family
određenim elementima. unicode-bidi
dobro dođe kada element sadrži i LTR tekst i RTL tekst:
Korisnički agent primjenjuje složeni algoritam definiran standardom Unicode kako bi odredio kako tekst treba izgledati. Ovo svojstvo posebno kontrolira razine ugradnje i nadjačavanja dvosmjernog algoritma Unicode.
unicode-bidi
Objekt ima tri široko podržane vrijednosti:
- "normalna" ključna riječ, koja ne nudi dodatne razine ugrađenog dvosmjernog teksta (zadano ponašanje preglednika). Element s ovim svojstvom sadržavat će samo LTR ili RTL tekst.
- ključna riječ "embed", koja omogućuje dvosmjerni tekst u elementu (na primjer, RTL tekst koji teče usred LTR teksta). To određuje
direction
svojstvo i mora se primijeniti na ugrađeni element. - ključna riječ "bidi-override", koja djeluje isto kao i "embed" kada se primjenjuje na umetnute elemente. Na elementima na razini bloka, on nadjačava dvosmjerni algoritam teksta preglednika i struji tekst unutar bilo koje ugrađene djece strogo prema
direction
svojstvu.
Točke interesa
unicode-bidi
Objekt je „namijenjen DTD dizajnera. Web dizajneri i slični autori to ne bi trebali nadjačati. " Pažljivo odlučite želite li ga koristiti.- Iako Internet Explorer tehnički podržava
unicode-bidi
od verzije 5.5, postoje "ozbiljne pogreške u vezi s plutajućim elementima", a upotreba je pouzdana u IE 8+ (vidi dolje)
Podrška preglednika
Krom | Safari | Firefox | Opera | IE | Android | iOS |
---|---|---|---|---|---|---|
Djela | Djela | Djela | Djela | 8,0+ | Djela | Djela |
Povezana svojstva
Almanah 5. siječnja 2021smjer
.element ( direction: rtl; )
![](6904245/unicode-bidi_css-tricks.jpg.webp)
![](6904245/unicode-bidi_css-tricks_2.jpg.webp)
![](6904245/unicode-bidi_css-tricks_3.jpg.webp)
![](6904245/unicode-bidi_css-tricks_4.jpg.webp)
način pisanja
.element ( writing-mode: vertical-rl; )
![](6904245/unicode-bidi_css-tricks_5.jpg.webp)
![](6904245/unicode-bidi_css-tricks_6.jpg.webp)