The unicode-bidi property controls bidirectional text (BiDi) handling relative to the Unicode bidi algorithm — creating embeddings, isolates, or overrides. Useful when mixing Hebrew/Arabic with English..bidi-isolate {
unicode-bidi: isolate;
}.override {
direction: rtl;
unicode-bidi: bidi-override;
}normalThe default value. The box is transparent to the bidi algorithm; no embedding level is created.embedCreates a directional embedding — reordering works implicitly within the box per direction.isolateIsolates the contents from the surrounding bidi context — content is treated as a single object externally.bidi-overrideOverrides implicit reordering — content is strictly ordered per direction (RTL / LTR).isolate-overrideCombines isolation with directional override behavior.plaintextLike isolate, but base direction is determined by Unicode heuristics (P2/P3 rules).CSS Writing Modes Module Level 4Editor's DraftW3CMDNאבגד abcdabcd אבגדShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
