/    Sign up×
Reference /Pin to ProfileBookmark

The unicode-bidi property is used in conjunction with the direction property to designate whether or not to override the text to support multiple languages in the same document.


The unicode-bidi property overrides the user-agent’s Unicode algorithm to allow the developer to control text embedding.

div.uni {
  direction: rtl;
  unicode-bidi: bidi-override;


Default value. An additional level of embedding is not opened by the element.

An additional level of embedding is opened for inline elements.

This creates an override for inline elements and for inline-level descendants within a block element and not within another block element.

Isolates the element from its siblings.

Applies the same behavior of isolate to the surrounding content and the behavior of bidi-override to the inner content..

Makes the elements directionality calculated without the direction property and without consideration of its parent bidirectional state.

Sets the property to its default value.

Inherits this property’s value from its parent item.

Browser Compatibilty


Have a code example of unicode-bidi? Submit a codepen.io demo and we'll showcase it here

to submit a demo.


Help @reference spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 9.26,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ

legal: ({
terms: of use,
privacy: policy
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
recent_tips: (
tipper: @ddiebold17,
tipped: article
amount: 1000 SATS,

tipper: @Mqlinka19,
tipped: live stream
amount: 4900 SATS,

tipper: @Mqlinka19,
tipped: article
amount: 10 SATS,