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.
Quick example
.arabic-quote {
direction: rtl;
/* Ensures the embedded RTL text doesn't mess up the surrounding layout */
unicode-bidi: isolate;
}Quick facts
Initial value
normalInherited
No
Applies to
all elements (some values have no effect on non-inline elements)
Animation type
notAnimatable
Values
normalembedisolatebidi-overrideisolate-overrideplaintext 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.
Safe to use without fallbacks.
2+
1+
1.3+
12+