Text Direction

The unicode-bidi property is used together with the direction property to set or return whether the text should be overridden to support multiple languages in the same document. For those who use a language where the characters go from right to left, the direction of the text in an element can be change:

HTML file: Displayed by browser:
<style>
div.ex1 {
    direction: rtl;
    unicode-bidi: bidi-override;
}
</style>
<body>
<div>
This is default text direction.
</div>
<div class="ex1">
This is right-to-left text direction.
</div>
</body>
This is default text direction.
This is right-to-left text direction.

This bi-directional override was covered in the HTML tutorial, where I first noticed that the characters themselves are not reversed. So, you won't be able to read the right-to-left direction with a mirror. (Yeah, I did try it!) Otherwise, I really have no interest, nor any need for this property at all.

Back buttonTable of ContentsNext button