Unicode-bidi - CSS-triks | CSS-almanakk 2025

Den unicode-bidiegenskapen er en av to CSS egenskaper som håndterer gjengivelsen av toveis tekst i HTML og lignende markup-basert språk (f.eks XML). Den andre egenskapen er direction, og de to brukes sammen til å lage nivåer av innebygd tekst med forskjellige tekstretninger (høyre mot venstre og venstre mot høyre) i et enkelt DOM-element.

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

Nettleseren bestemmer vanligvis hvilken retning innebygd tekst vil flyte, avhengig av langattributtet til elementer, nettleserens lokalitet og font-familyspesifikke elementer. unicode-bidikommer godt med når et element inneholder både LTR-tekst og RTL-tekst:

Brukeragenten bruker en kompleks algoritme definert av Unicode-standarden for å bestemme hvordan teksten skal vises. Denne egenskapen kontrollerer innebygd nivåer og overstyringer for Unicode toveis algoritme.

Den unicode-bidiEiendommen har tre vidt-støttede verdier:

det “normale” nøkkelordet, som ikke gir noen ekstra nivåer av innebygd toveis tekst (standard nettleseradferd). Et element med denne egenskapen vil bare inneholde LTR- eller RTL-tekst.
søkeordet "innebygd", som gir mulighet for toveis tekst i et element (for eksempel RTL-tekst som flyter midt i LTR-tekst). Dette bestemmes av directioneiendommen, og må brukes på et integrert element.
søkeordet "bidi-override", som fungerer på samme måte som "innebygd" når det brukes på innebygde elementer. På elementer på blokknivå overstyrer den nettleserens toveis tekstalgoritme og flyter teksten inn i alle innebygde barn strengt i henhold til directioneiendommen.

Interessepunkt

Den unicode-bidiEiendommen “er beregnet for DTD-designere. Nettdesignere og lignende forfattere bør ikke overstyre det. ” Bestem deg nøye om du trenger å bruke den.
Mens Internet Explorer teknisk støtter unicode-bidisiden versjon 5.5, er det "alvorlige feil relatert til flytende elementer" og bruk er pålitelig i IE 8+ (se nedenfor)