dir HTML-Globalattribut

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 annehmen:

• 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 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.

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 Textausrichtung semantisch mit dem Inhalt und nicht mit der Darstellung verbunden ist, wird empfohlen, dass Webentwickler dieses Attribut anstelle der verwandten CSS-Eigenschaften verwenden, wann immer möglich. Auf diese Weise wird der Text korrekt angezeigt, selbst in einem Browser, der CSS nicht unterstützt oder bei dem CSS deaktiviert ist.

Vererbung

Wenn ein Element kein dir Attribut hat, erbt es den dir Wert von seinem Elternknoten, welcher wiederum von seinem Elternteil erben kann, und so weiter.

Nutzungshinweise

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 ihre dir Eigenschaft auf "rtl" setzt, wird die Reihenfolge der Spalten von rechts nach links angeordnet.

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

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

Browser können es Benutzern ermöglichen, die Textausrichtung von <input> und <textarea>-Elementen zu ändern, um beim Verfassen von Inhalten zu helfen. Chrome und Safari bieten eine Option zur Ausrichtung im Kontextmenü der Eingabefelder. Firefox verwendet Strg (Windows)/Cmd (macOS) + Umschalt + X in einem <textarea>, um die Textrichtung umzuschalten. Diese Funktionen schalten den dir Attributwert zwischen ltr und rtl um.

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Alle globalen Attribute.
• HTMLElement.dir, das dieses Attribut widerspiegelt.
• Umgang mit unterschiedlichen Textausrichtungen