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 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, was den Benutzeragenten entscheiden lässt. Es verwendet einen grundlegenden Algorithmus, indem es die Zeichen im Element analysiert, bis es ein Zeichen mit einer starken Richtung findet, und wendet dann diese Richtung auf das gesamte Element an.

Hinweis: Der auto-Wert 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 Textausrichtung semantisch mit dem Inhalt und nicht mit der Präsentation zusammenhängt, wird empfohlen, dass Webentwickler wann immer möglich dieses Attribut anstelle der verwandten CSS-Eigenschaften verwenden. Auf diese Weise wird der Text korrekt angezeigt, selbst wenn der Browser CSS nicht unterstützt oder CSS deaktiviert ist.

Vererbung

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

Hinweise zur Verwendung

Ein Bild kann seine dir-Eigenschaft 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" setzt, 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 nicht vom <bdi>-Element geerbt. Wenn es nicht gesetzt ist, ist sein Wert auto.

Browser könnten Benutzern erlauben, die Textausrichtung von <input> und <textarea>s zu ändern, um bei der Erstellung von Inhalten zu helfen. Chrome und Safari bieten eine Richtungsoption im Kontextmenü der Eingabefelder. Firefox verwendet Ctrl/Cmd + Shift + X, aber AKTUALISIERT den dir-Attributwert NICHT.

Spezifikationen

Specification
HTML
# the-dir-attribute

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch