Unicode-bidi - CSS-tricks | CSS Almanak 2025

Den unicode-bidiejendom er en af to CSS egenskaber, der håndterer gengivelse af tovejs tekst i HTML og lignende markup-baserede sprog (fx XML). Den anden egenskab er direction, og de to bruges sammen til at oprette niveauer af indlejret tekst med forskellige tekstretninger (højre mod venstre og venstre mod højre) i et enkelt DOM-element.

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

Browseren bestemmer normalt, hvilken retning den integrerede tekst vil flyde afhængigt langaf elementets attribut, browserens lokalitet og font-familyspecifikke elementer. unicode-bidier praktisk, når et element indeholder både LTR-tekst og RTL-tekst:

Brugeragenten anvender en kompleks algoritme defineret af Unicode-standarden for at bestemme, hvordan teksten skal vises. Denne egenskab styrer specifikt indlejringsniveauer og tilsidesætter Unicode tovejsalgoritmen.

Den unicode-bidiegenskab har tre bredt understøttede værdier:

det “normale” nøgleord, der ikke tilbyder yderligere niveauer af integreret tovejs tekst (standardbrowseradfærd). Et element med denne egenskab indeholder kun LTR- eller RTL-tekst.
nøgleordet "indlejre", der giver mulighed for tovejs tekst i et element (for eksempel, RTL-tekst flyder midt i LTR-tekst). Dette bestemmes af directionejendommen og skal anvendes på et integreret element.
søgeordet "bidi-tilsidesættelse", der fungerer det samme som "integrer", når det anvendes på integrerede elementer. På elementer på blokniveau tilsidesætter den browserens tovejs tekstalgoritme og flyder teksten inde i alle indbyggede børn strengt i henhold til directionejendommen.

Interessepunkter

Den unicode-bidiEjendommen ”er beregnet til DTD designere. Webdesignere og lignende forfattere bør ikke tilsidesætte det. ” Beslut nøje, om du har brug for det.
Mens Internet Explorer teknisk understøtter unicode-bidisiden version 5.5, er der “alvorlige fejl relateret til flydende elementer”, og brugen er pålidelig i IE 8+ (se nedenfor)