HTML dir global attribute

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 von links nach rechts bedeutet und für Sprachen verwendet werden soll, die von links nach rechts geschrieben werden (wie Englisch);
  • rtl, was von rechts nach links bedeutet und für Sprachen verwendet werden soll, die von rechts nach links geschrieben werden (wie Arabisch);
  • auto, das dem Benutzeragenten überlassen wird. Es verwendet einen grundlegenden Algorithmus, indem es die Zeichen im Inneren des Elements analysiert, bis es ein Zeichen mit starker 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 Elternelement geerbt.

Dieses Attribut kann von den 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 zusammenhängt, wird empfohlen, dass Webentwickler dieses Attribut anstelle der verwandten CSS-Eigenschaften nutzen, wenn möglich. Auf diese Weise wird der Text auch in einem Browser, der CSS nicht unterstützt oder CSS deaktiviert hat, korrekt angezeigt.

Vererbung

Wenn ein Element kein dir-Attribut hat, erbt es den dir-Wert, der auf seinem Elternknoten gesetzt ist, der wiederum diesen von seinem Elternteil erben kann, und so weiter.

Verwendungshinweise

Ein Bild kann sein dir-Attribut auf "rtl" gesetzt haben, wobei die HTML-Attribute title und alt als "rtl" formatiert und definiert werden.

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

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

Dieses Attribut wird vom <bdi>-Element nicht geerbt. Wenn es nicht gesetzt ist, beträgt sein Wert auto.

Browser können Benutzern erlauben, die Richtung von <input>- und <textarea>-Elementen zu ändern, um die Inhaltsbearbeitung zu unterstützen. Chrome und Safari bieten eine Richtungsoption im Kontextmenü der Eingabefelder. Firefox verwendet Strg (Windows)/Befehl (macOS) + Umschalt + X innerhalb eines <textarea>, um die Textrichtung umzuschalten. Diese Funktionen wechseln den dir-Attributwert zwischen ltr und rtl.

Spezifikationen

Specification
HTML
# the-dir-attribute

Browser-Kompatibilität

Siehe auch