„unicode-bidi“ CSS-gudrybės

Anonim

unicode-bidiNuosavybė yra viena iš dviejų CSS savybių, kad rankena iš dvikryptė tekstą HTML ir panašių žymėjimo pagrindu kalbomis (pvz XML) atvaizdavimas. Kita ypatybė yra directionir abu naudojami kartu kuriant įdėto teksto lygius su skirtingomis teksto kryptimis (iš dešinės į kairę ir iš kairės į dešinę) viename DOM elemente.

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

Naršyklė paprastai nustato, kuria kryptimi tekės tekstas, atsižvelgiant į langelementų, naršyklės lokalės ir font-familykonkrečių elementų atributą . unicode-bidipraverčia, kai elemente yra ir LTR, ir RTL tekstas:

Vartotojo agentas nustato sudėtingą algoritmą, apibrėžtą „Unicode“ standarto, kad nustatytų, kaip turėtų pasirodyti tekstas. Ši ypatybė specialiai valdo „Unicode“ dvikrypčio algoritmo įterpimo lygius ir nepaiso jų.

unicode-bidiViešbutyje yra trys plačiai remiamas vertybes:

  1. „normalus“ raktinis žodis, kuris nesiūlo jokių papildomų įterpto dvikrypčio teksto lygių (numatytasis naršyklės elgesys). Elemente su šia ypatybe bus tik LTR arba RTL tekstas.
  2. raktinis žodis „įterpti“, leidžiantis dvikryptį tekstą elemente (pavyzdžiui, RTL tekstas teka tarp LTR teksto). Tai nustatoma pagal directionypatybę ir ji turi būti taikoma įdėtam elementui.
  3. raktinis žodis „bidi-override“, kuris veikia taip pat, kaip ir „įdėti“, kai jis taikomas įterptiems elementams. Bloko lygio elementuose jis nepaiso naršyklės dvikrypčio teksto algoritmo ir teksto tekstą bet kokių vaikų viduje griežtai pagal directionsavybę.

Lankytinos vietos

  • Šis unicode-biditurtas yra skirtas DTD dizaineriams. Interneto dizaineriai ir panašūs autoriai neturėtų to nepaisyti “. Atidžiai nuspręskite, ar jums reikia jį naudoti.
  • Nors „Internet Explorer“ techniškai palaiko unicode-bidinuo 5.5 versijos, yra „rimtų klaidų, susijusių su plūduriuojančiais elementais“, o naudojimas yra patikimas naudojant IE 8+ (žr. Toliau)

Naršyklės palaikymas

„Chrome“ „Safari“ „Firefox“ Opera T.Y „Android“ „iOS“
Veikia Veikia Veikia Veikia 8.0+ Veikia Veikia

Susijusios savybės

Almanachas 2021 m. Sausio 5 d

kryptis

.element ( direction: rtl; ) „Jwahir Sundai Almanac “ 2021 m. Sausio 5 d

rašymo režimas

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