<bdo>: Das Bidirektionale Textüberschreibungselement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <bdo>-HTML-Element überschreibt die aktuelle Textausrichtung, sodass der Text innerhalb in eine andere Richtung gerendert 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 vom Ausgangspunkt in der angegebenen Richtung gezeichnet; die Ausrichtung der einzelnen Zeichen wird nicht beeinflusst (die Zeichen werden also 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 im Inhalt dieses Elements gerendert werden soll. Mögliche Werte sind:

ltr: Gibt an, dass der Text in einer links-nach-rechts-Richtung verlaufen soll.
rtl: Gibt an, dass der Text in einer rechts-nach-links-Richtung verlaufen 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>

Ergebnis

Hinweise

Die HTML 4-Spezifikation spezifizierte keine Ereignisse für dieses Element; diese wurden in XHTML hinzugefügt. Dies ist höchstwahrscheinlich ein Versäumnis.

Technische Zusammenfassung

Inhaltskategorien	Fließtext-Inhalt, Phrase-Inhalt, fühlbarer Inhalt.
Zulässiger Inhalt	Phrase-Inhalt.
Tag-Auslassung	Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Zulässige Eltern	Jedes Element, das Phrase-Inhalt akzeptiert.
Implizite ARIA-Rolle	`generic`
Zulässige ARIA-Rollen	Beliebig
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.

Spezifikationen

Specification
HTML # the-bdo-element

Browser-Kompatibilität

Siehe auch

Verwandtes HTML-Element: <bdi>