dir

Das dir globale Attribut ist ein enumeriertes Attribut, das die Richtung des Textes des Elements angibt.

Probieren Sie es aus

<p dir="rtl">
  This paragraph is in English but incorrectly goes right to left.
</p>
<p dir="ltr">This paragraph is in English and correctly goes left to right.</p>

<hr />

<p>هذه الفقرة باللغة العربية ولكن بشكل خاطئ من اليسار إلى اليمين.</p>
<p dir="auto">
  هذه الفقرة باللغة العربية ، لذا يجب الانتقال من اليمين إلى اليسار.
</p>

Es kann die folgenden Werte haben:

  • ltr, was links nach rechts bedeutet und für Sprachen verwendet wird, die von links nach rechts geschrieben werden (wie Englisch);
  • rtl, was rechts nach links bedeutet und für Sprachen verwendet wird, die von rechts nach links geschrieben werden (wie Arabisch);
  • auto, das den Benutzeragenten entscheiden lässt. Es verwendet einen grundlegenden Algorithmus, während es die Zeichen innerhalb des Elements analysiert, bis es ein Zeichen mit einer starken Richtung findet, und wendet dann diese Richtung auf das gesamte Element an.

Hinweis: Der Wert auto sollte für Daten mit unbekannter Richtung verwendet werden, wie Daten, die aus Benutzereingaben oder externen Daten stammen.

Wenn nicht angegeben, wird der Wert vom übergeordneten Element geerbt.

Dieses Attribut kann durch die CSS-Eigenschaften direction und unicode-bidi überschrieben werden, wenn eine CSS-Seite aktiv ist und das Element diese Eigenschaften unterstützt.

Da die Richtung des Textes semantisch mit seinem Inhalt und nicht mit seiner Darstellung verbunden ist, wird empfohlen, dass Webentwickler dieses Attribut anstelle der entsprechenden CSS-Eigenschaften verwenden, wann immer dies möglich ist. So wird sichergestellt, dass der Text auch in einem Browser, der kein CSS unterstützt oder in dem das CSS deaktiviert wurde, korrekt angezeigt wird.

Vererbung

Wenn ein Element kein dir-Attribut hat, erbt es den dir-Wert von seinem übergeordneten Knoten, der ihn wiederum von seinem übergeordneten Knoten erben kann, und so weiter.

Nutzungshinweise

Ein Bild kann seine dir-Eigenschaft auf "rtl" setzen, wobei die HTML-Attribute title und alt als "rtl" formatiert und definiert werden.

Wenn eine Tabelle ihr dir auf "rtl" setzt, wird die Spaltenreihenfolge von rechts nach links angeordnet.

Dieses Attribut ist für das <bdo>-Element verpflichtend, da es eine andere semantische Bedeutung hat.

Dieses Attribut wird vom <bdi>-Element nicht vererbt. Wenn es nicht gesetzt ist, lautet der Wert auto.

Browser können es Nutzern ermöglichen, die Richtung von <input> und <textarea>-Elementen zu ändern, um bei der Inhaltserstellung zu helfen. Chrome und Safari bieten eine Richtungsoption im Kontextmenü der Eingabefelder. Firefox verwendet Strg/Cmd + Shift + X, aktualisiert jedoch NICHT den Wert des dir-Attributs.

Spezifikationen

Specification
HTML
# the-dir-attribute

Browser-Kompatibilität

Siehe auch