<bdo>: Das Element für die bidirektionale Textrichtungsüberschreibung
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 Textrichtung, sodass der Text innerhalb des Elements in einer anderen Richtung angezeigt 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 ausgehend von dem Startpunkt in der angegebenen Richtung gezeichnet; die Orientierung der einzelnen Zeichen wird nicht beeinflusst (die Zeichen werden also beispielsweise nicht rückwärts gezeichnet).
Attribute
Die Attribute dieses Elements umfassen 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 in einer links-nach-rechts-Richtung verlaufen soll.rtl
: Gibt an, dass der Text in einer rechts-nach-links-Richtung verlaufen soll.
Beispiele
<!-- 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; sie wurden in XHTML hinzugefügt. Dies ist höchstwahrscheinlich ein Versehen.
Technische Zusammenfassung
Inhaltskategorien | Fließende Inhalte, Phrasierungsinhalte, spürbare Inhalte. |
---|---|
Erlaubter Inhalt | Phrasierungsinhalte. |
Tag-Auslassung | Keine, sowohl der Start- als auch der End-Tag sind erforderlich. |
Erlaubte Eltern | Jedes Element, das Phrasierungsinhalte erlaubt. |
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
Siehe auch
- Verwandtes HTML-Element:
<bdi>