`<bdo>` HTML-Element zur bidirektionalen Textüberschreibung

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das <bdo> HTML-Element überschreibt die aktuelle Textausrichtung, sodass der Text in einer anderen Richtung dargestellt wird.

Probieren Sie es aus

<h1>Famous seaside songs</h1>

<p>The English song "Oh I do like to be beside the seaside"</p>

<p>
  Looks like this in Hebrew:
  <span dir="rtl">אה, אני אוהב להיות ליד חוף הים</span>
</p>

<p>
  In the computer's memory, this is stored as
  <bdo dir="ltr">אה, אני אוהב להיות ליד חוף הים</bdo>
</p>

html {
  font-family: sans-serif;
}

bdo {
  /* Add your styles here */
}

Die Zeichen des Textes werden von dem Startpunkt in die angegebene Richtung gezeichnet; die Ausrichtung der einzelnen Zeichen wird jedoch nicht beeinflusst (die Zeichen werden zum Beispiel nicht rückwärts gezeichnet).

Attribute

Zu den Attributen dieses Elements gehören die globalen Attribute.

dir

Die Richtung, in der der Text in den Inhalten dieses Elements gerendert werden soll. Mögliche Werte sind:

ltr: Gibt an, dass der Text von links nach rechts gehen soll.
rtl: Gibt an, dass der Text von rechts nach links gehen soll.

Beispiele

html

<!-- Switch text direction -->
<p>This text will go left to right.</p>
<p><bdo dir="rtl">This text will go right to left.</bdo></p>

Inhaltskategorien	Fluss-Inhalt, Phrasierungsinhalt, greifbarer Inhalt.
Erlaubter Inhalt	Phrasierungsinhalt.
Tag-Auslassung	Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Erlaubte Eltern	Jedes Element, das Phrasierungsinhalt akzeptiert.
Implizite ARIA-Rolle	`generic`
Erlaubte ARIA-Rollen	Beliebige
DOM-Schnittstelle	[`HTMLElement`](/de/docs/Web/API/HTMLElement) Bis einschließlich Gecko 1.9.2 (Firefox 4) implementiert Firefox die `HTMLSpanElement` Schnittstelle für dieses Element.