<bdo>: Das Bidirectional 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 des Elements in einer anderen Richtung dargestellt wird.
Probieren Sie es aus
Die Zeichen des Textes werden vom Ausgangspunkt in die vorgegebene Richtung gezeichnet; die Ausrichtung der einzelnen Zeichen wird nicht beeinflusst (die Zeichen werden zum Beispiel nicht rückwärts gezeichnet).
Attribute
Die Attribute dieses Elements umfassen die globalen Attribute.
dir
-
Die Richtung, in die der Text innerhalb 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
Anmerkungen
Die HTML 4-Spezifikation spezifizierte keine Ereignisse für dieses Element; sie wurden in XHTML hinzugefügt. Dies ist höchstwahrscheinlich ein Versehen.
Technische Übersicht
Inhaltskategorien | Fließender Inhalt, Phrasierungsinhalt, greifbarer Inhalt. |
---|---|
Zulässiger Inhalt | Phrasierungsinhalt. |
Tag-Auslassung | Keine, sowohl das Anfangs- als auch das Endtag sind obligatorisch. |
Zulässige Eltern | Jedes Element, das Phrasierungsinhalt akzeptiert. |
Implizite ARIA-Rolle |
generic
|
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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
bdo |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
Siehe auch
- Verwandtes HTML-Element:
<bdi>