<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
| Inhaltskategorien | Fließinhalt, Phrasing-Inhalt, wahrnehmbarer Inhalt. |
|---|---|
| Erlaubter Inhalt | Phrasing-Inhalt. |
| Weglassen von Tags | Keines; sowohl Start- als auch End-Tag sind erforderlich. |
| Erlaubte Elternelemente | Jedes Element, das Phrasing-Inhalt akzeptiert. |
| Implizite ARIA-Rolle |
generic
|
| Erlaubte ARIA-Rollen | Beliebige |
| DOM-Schnittstelle |
[`HTMLElement`](/de/docs/Web/API/HTMLElement) Bis einschließlich Gecko 1.9.2 (Firefox 4)
implementiert Firefox für dieses Element die Schnittstelle
HTMLSpanElement.
|
Spezifikationen
| Spezifikation |
|---|
| HTML # the-bdo-element |
Browser-Kompatibilität
Siehe auch
- Verwandtes HTML-Element:
<bdi>