<bdo>: Das Bidirektionale Text-Override-Element

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 dieses Elements 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;
}

/* stylelint-disable-next-line block-no-empty */
bdo {
}

Die Zeichen des Textes werden ab dem Startpunkt in der angegebenen Richtung gezeichnet; die Ausrichtung der einzelnen Zeichen wird nicht beeinflusst (sodass Zeichen beispielsweise nicht rückwärts gezeichnet werden).

Attribute

Die Attribute dieses Elements umfassen die globalen Attribute.

dir

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

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

Inhaltskategorien	Fließender Inhalt, Formulierungsinhalt, greifbarer Inhalt.
Erlaubter Inhalt	Formulierungsinhalt.
Tag-Auslassung	Keine, sowohl der Start- als auch der Endtag sind obligatorisch.
Erlaubte Elternteile	Jedes Element, das Formulierungsinhalt akzeptiert.
Implizite ARIA-Rolle	`generisch`
Erlaubte 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

BCD tables only load in the browser

Siehe auch

Verwandtes HTML-Element: <bdi>