coderef

<bdi>Baseline · Widely available

The &#x3C;bdi> element isolates text that may have a different text direction from its surrounding text. This prevents the browser's bidirectional text algorithm from affecting or being affected by the direction of the surrounding text.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Jan 15, 2020. Widely available since Jul 15, 2022.

How to use ↓Compare browsers

Browser support

DesktopChrome
1–15Not supported
16+Supportedsince Dec 13, 2011
Current: 155
Edge
12–18Not supported
79+Supportedsince Jan 15, 2020
Current: 154
Firefox
1–9Not supported
10+Supportedsince Jan 31, 2012
Current: 157
Safari
1–5.1Not supported
6+Supportedsince Jul 25, 2012
Current: 27
MobileChrome Android
18+Supportedsince Jun 27, 2012
Current: 155
Firefox Android
4–9Not supported
10+Supportedsince Jan 31, 2012
Current: 157
Safari iOS
1–5Not supported
6+Supportedsince Sep 10, 2012
Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: bdi.

Feature detection

JS · check before using
const el = document.createElement("bdi");
if (!(el instanceof HTMLUnknownElement)) {
  // <bdi> is supported
}

Documentation (MDN)

Specification