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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Grundlegende UnterstützungChrome Vollständige Unterstützung JaEdge Vollständige Unterstützung JaFirefox Vollständige Unterstützung JaIE Vollständige Unterstützung JaOpera Vollständige Unterstützung JaSafari Vollständige Unterstützung JaWebView Android Vollständige Unterstützung JaChrome Android Vollständige Unterstützung JaEdge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung JaOpera Android Vollständige Unterstützung JaSafari iOS Vollständige Unterstützung JaSamsung Internet Android Vollständige Unterstützung Ja

Legende

Vollständige Unterstützung  
Vollständige Unterstützung

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

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