dir

Das dir globale Attribut ist ein aufzählbares Attribut, das die Richtung des Textes des Elements angibt.

Probieren Sie es aus

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, was den Benutzeragenten entscheiden lässt. Es verwendet einen grundlegenden Algorithmus, der die Zeichen im Element 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 durch Benutzereingaben oder externe Daten kommen.

Wenn nicht spezifiziert, wird der Wert vom Elternelement 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 verbunden ist, wird empfohlen, dass Webentwickler dieses Attribut anstelle der zugehörigen CSS-Eigenschaften verwenden, wenn möglich. Auf diese Weise wird der Text auch in einem Browser korrekt angezeigt, der CSS nicht unterstützt oder CSS deaktiviert hat.

Vererbung

Wenn ein Element kein dir-Attribut hat, erbt es den dir-Wert von seinem übergeordneten Knoten, der wiederum seinen Wert möglicherweise von seinem übergeordneten Element erbt usw.

Anwendungsnotizen

Ein Bild kann seine dir-Eigenschaft auf "rtl" setzen, wobei in diesem Fall 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 vererbt. Wenn es nicht gesetzt ist, lautet sein Wert auto.

Browser können es Benutzern ermöglichen, die Richtung von <input> und <textarea>s zu ändern, um beim Erstellen von Inhalten zu unterstützen. Chrome und Safari bieten im Kontextmenü von Eingabefeldern eine Optionsmöglichkeit zur Richtungsänderung. Firefox verwendet Strg/Befehl + Umschalt + X, aktualisiert aber NICHT den Wert des dir-Attributs.

Spezifikationen

Specification
HTML Standard
# the-dir-attribute

Browser-Kompatibilität

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Siehe auch