<bdo>
The <bdo> element overrides the directionality of text, so that the text within is rendered in a different direction than the surrounding text.
Overview
The <bdo> element overrides the directionality of text, so that the text within is rendered in a different direction than the surrounding text.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| ≤15 | 12 | 10 | ≤4 | 18 | ≤3.2 | |
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Syntax
HTML
<p>Normal: ABC</p>
<p>Right to left: <bdo dir="rtl">ABC</bdo></p>Live demo
Textdirection. topwrite
Dir attribute in RTL / LTR forcedspecified.text. Displaydirection confirm.
PreviewFullscreen
multi-languagetext. directioncontrol
differentword language mixed. directioncontrol.
PreviewFullscreen
Use cases
Using <bdo>
The <bdo> element overrides the directionality of text, so that the text within is rendered in a different direction than the surrounding text.
Cautions
- May not be supported in older browsers.
Accessibility
- Verify how this element is announced by screen readers.
Related links
Powered by web-features