Unicode-bidi - CSS-triki

Anonim

unicode-bidiLastnina je eden od dveh CSS lastnosti, ki ravnajo upodabljanje dvosmerno besedilo v HTML in podobnih jezikih, ki temeljijo na označevalnih (npr XML). Druga lastnost je directionin se skupaj uporabljata za ustvarjanje ravni vdelanega besedila z različnimi smermi besedila (od desne proti levi in ​​od leve proti desni) v enem elementu DOM.

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

Brskalnik običajno določi, v katero smer se bo pretakalo besedilo v vrstici, odvisno od langatributov elementov, krajevne nastavitve brskalnika in font-familydoločenih elementov. unicode-bidipride prav, kadar element vsebuje besedilo LTR in besedilo RTL:

Uporabniški agent uporablja zapleten algoritem, ki ga definira standard Unicode, da določi, kako naj bo besedilo prikazano. Ta lastnost posebej nadzira ravni vdelave in razveljavitve za dvosmerni algoritem Unicode.

unicode-bidiLastnost ima tri široko podpirajo vrednote:

  1. ključna beseda "normalno", ki ne ponuja dodatnih ravni vdelanega dvosmernega besedila (privzeto vedenje brskalnika). Element s to lastnostjo bo vseboval samo besedilo LTR ali RTL.
  2. ključna beseda “embed”, ki omogoča dvosmerno besedilo v elementu (na primer besedilo RTL, ki teče med besedilom LTR). To določa directionlastnost in ga je treba uporabiti za vstavljeni element.
  3. ključna beseda "bidi-override", ki deluje enako kot "embed", kadar je uporabljena za vstavljene elemente. Na elementih na ravni bloka preglasi dvosmerni algoritem besedila brskalnika in besedilo pretaka znotraj poljubnih podrejenih podrejenih strogo glede na directionlastnost.

Zanimivosti

  • unicode-bidiLastnost je "je namenjen DTD oblikovalcev. Spletni oblikovalci in podobni avtorji tega ne bi smeli preglasiti. " Previdno se odločite, ali jo boste uporabili.
  • Internet Explorer sicer tehnično podpira unicode-bidiod različice 5.5, vendar obstajajo "resne napake, povezane s plavajočimi elementi", uporaba pa je zanesljiva v IE 8+ (glej spodaj)

Podpora brskalnika

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

Sorodne lastnosti

Almanah 5. januarja 2021

smer

.element ( direction: rtl; ) Almanah Jwahir Sundai 5. januarja 2021

način pisanja

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