HTML dir globales Attribut

Das dir globale Attribut ist ein enumeriertes Attribut, das die Textausrichtung 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 wird, die von links nach rechts geschrieben werden (wie Englisch);
  • rtl, was von rechts nach links bedeutet und für Sprachen verwendet wird, die von rechts nach links geschrieben werden (wie Arabisch);
  • auto, das dem Benutzeragenten die Entscheidung überlässt. Es verwendet einen einfachen Algorithmus, bei dem die Zeichen im Element durchlaufen werden, bis ein Zeichen mit einer starken Richtung gefunden wird. Diese Richtung wird dann auf das gesamte Element angewendet.

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

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 Textausrichtung semantisch mit dem Inhalt und nicht mit der Präsentation in Zusammenhang steht, wird empfohlen, dass Webentwickler dieses Attribut verwenden, anstatt der verwandten CSS-Eigenschaften, wenn möglich. So wird der Text auch in einem Browser korrekt angezeigt, der CSS nicht unterstützt oder deaktiviert hat.

Vererbung

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

Verwendungshinweise

Ein Bild kann sein dir-Attribut auf "rtl" setzen, in diesem Fall werden die HTML-Attribute title und alt als "rtl" formatiert und definiert.

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

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

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

Browser ermöglichen es Benutzern möglicherweise, die Richtung von <input> und <textarea>s zu ändern, um die Inhaltserstellung zu unterstützen. Chrome und Safari bieten eine Optionsmöglichkeit im Kontextmenü von Eingabefeldern. Firefox verwendet Ctrl/Cmd + Shift + X, aktualisiert jedoch NICHT den Wert des dir-Attributs.

Spezifikationen

Specification
HTML
# the-dir-attribute

Browser-Kompatibilität

Siehe auch