Das globale Attribut dir ist ein Attribut, das die Richtung des Elementtextes angibt. Es kann folgende Werte haben:

  • ltr, von links nach rechts (englisch: left to right). Wird für Sprachen, die von links nach rechts geschrieben werden (z.B. deutsch) verwendet;
  • rtl, von rechts nach links (englisch: right to left). Wird für Sprachen, die von rechts nach links geschrieben werden (z.B. arabisch) verwendet;
  • auto, lässt den Browser des Nutzers entscheiden. Es benutzt einen simplen Algorithmus, indem es die Zeichen im Element einliest, bis es ein Zeichen mit einer bekannten Richtung findet und dann diese Richtung auf das gesamte Element anwendet.

Nutzungsinformationen

Dieses Attribut ist verpflichtend für das <bdo>-Element, bei dem es eine andere Bedeutung hat.

  • Dieses Attribut wird nicht vom <bdi>-Element geerbt. Sein Standardwert ist  auto.

  • Dieses Attribut kann von den CSS-Eigenschaften direction and unicode-bidi überschrieben werden, sofern eine CSS-Seite eingebunden ist und das Element diese Eigenschaften unterstützt.

  • Da die Richtung eines Textes sprachlich zu seinem Inhalt und nicht zu seiner Darstellung gehört, ist es zu empfehlen, dass Web-Entwickler - sofern möglich - dieses Attribut anstatt der zugehörigen CSS-Eigenschaft zu verwenden. So kann der Text auch in einem Browser, der die CSS-Eigenschaften nicht unterstützt oder in dem CSS deaktiviert ist, korrekt dargestellt werden.

  • Der auto Wert sollte für Daten mit einer unbekannten Richtung verwendet werden, wie zum Beispiel Daten aus Benutzereingaben, möglicherweise in einer Datenbank gespeichert.

Spezifikationen

Specification Status Comment
HTML Living Standard
Die Definition von 'dir' in dieser Spezifikation.
Lebender Standard  
HTML 5.1
Die Definition von 'dir' in dieser Spezifikation.
Empfehlung  
HTML5
Die Definition von 'dir' in dieser Spezifikation.
Empfehlung  
HTML 4.01 Specification
Die Definition von 'dir' in dieser Spezifikation.
Empfehlung  

Browser-Kompatibilität

FunktionChromeEdgeFirefoxInternet ExplorerOperaSafari
Grundlegende Unterstützung Ja Ja Ja Ja Ja Ja
FunktionAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Grundlegende Unterstützung Ja Ja Ja Ja Ja Ja Ja

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: gnuemhuemten
Zuletzt aktualisiert von: gnuemhuemten,