<bdo>-HTML-Element zur Überschreibung der bidirektionalen Textrichtung - HTML | MDN

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<bdo>-HTML-Element zur Überschreibung der bidirektionalen Textrichtung

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 HTML-Element <bdo> überschreibt die aktuelle Textrichtung, sodass der darin enthaltene 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 */
}

Attribute

Die Attribute dieses Elements umfassen die globalen Attribute.

dir

Die Richtung, in der Text im Inhalt dieses Elements dargestellt 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.

Hinweise zur Verwendung

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

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

Technische Zusammenfassung

Spezifikationen

Spezifikation
HTML>
# the-bdo-element>

Browser-Kompatibilität

Siehe auch

  • Verwandtes HTML-Element: <bdi>