unicode-bidi
Provides control over how the browser handles text that contains mixed directions (like English and Arabic). It works with the 'direction' property to ensure punctuation and character flow follow the correct logic for the specific language.
It is documented as part of the CSS Writing Modes specification.
Syntax
/* Usage Example */
.arabic-quote {
direction: rtl;
/* Ensures the embedded RTL text doesn't mess up the surrounding layout */
unicode-bidi: isolate;
}
/* Syntax */
unicode-bidi: normal;
unicode-bidi: embed;
unicode-bidi: isolate;
unicode-bidi: bidi-override;
unicode-bidi: isolate-override;
unicode-bidi: plaintext;
/* Global values */
unicode-bidi: inherit;
unicode-bidi: initial;
unicode-bidi: revert;
unicode-bidi: revert-layer;
unicode-bidi: unset;unicode-bidi Browser support
Widely available
Since
2020 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2020.
2+
1+
1.3+
12+