DEV Community

Cover image for HTML tags | bdo
Carlos Espada
Carlos Espada

Posted on • Edited on

2

HTML tags | bdo

The <bdo> element (Bi-Directional Override) overrides the current directionality of text, so that the text within is rendered in a different direction.

The text's characters are drawn from the starting point in the given direction; the individual characters' orientation is not affected (so characters don't get drawn backward, for example).

It has a dir attribute to specify the direction in which text should be rendered in this element's contents. Possible values are:

  • ltr: Indicates that the text should go in a left-to-right direction.
  • rtl: Indicates that the text should go in a right-to-left direction.

Most browsers will display the <bdo> element with the following default CSS value:

bdo {
  unicode-bidi: bidi-override;
}
Enter fullscreen mode Exit fullscreen mode
  • Type: inline
  • Self-closing: No
  • Semantic value: No

Definition and example | Support

Sentry blog image

Identify what makes your TTFB high so you can fix it

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

Read more

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay