CSS 2.1: `direction`

Erläuterungen

Diese Eigenschaft legt die grundsätzliche Schreibrichtung in Elementen fest. Sie hat darüber hinaus noch weitere Wirkungen:

Innerhalb der Reihen von Tabellen erfolgt die Darstellung der einzelnen Zellen in der Reihenfolge der definierten Schreibrichtung, nicht grundsätzlich von links nach rechts. Dadurch wird es auch unmöglich, multilinguale Websites im Tabellenlayout zu erstellen.
Berechnung der horizontalen Werte in den Eigenschaften overflow und clip.
Position der letzten Zeile eines Absatzes im Falle von text-align:justify.
Richtung für Einfügungen und Überschreibungen der Eigenschaft Unicode- bidi.
Horizontale Positionierung eines Blocks, wenn die Angaben zu Breite und horizontalen Abständen über- oder unterbestimmt sind.

Die Eigenschaft direction ersetzt das HTML-Attribut dir.

Erlaubte Werte

Auszug aus der Spezifikation (die verwendete Syntax wird im Artikel CSS-Wertesyntax genauer erläutert):

'direction' ltr | rtl | inherit

ltr (Ausgangswert): Schreibrichtung von links nach rechts
rtl: Schreibrichtung von rechts nach links
inherit: Bestimmt explizit, dass diese Eigenschaft denselben berechneten Wert wie im Elternelement annimmt.

Code-Beispiel:

P.hebrew { direktion:rtl; }

Browserunterstützung

Die Eigenschaft direction wird von allen modernen Browsern unterstützt, mit einer Ausnahme:

IE/Mac 5: IE/Mac unterstützt diese Eigenschaft nicht.

Eric Meyer's CSS2 Test Suite zeigt am praktischen Beispiel, wie die Browser mit dieser Eigenschaft umgehen.

Keine Eigenschaft und kein Selektor stehen in einem Stylesheet für sich allein. In der Praxis kann das Zusammenspiel zwischen verschiedenen Elementen und Selektoren einen nicht zu unterschätzenden Einfluss auf die Fähigkeiten der Browser haben. Bugs treten oft erst durch das Zusammenwirken mehrerer Eigenschaften an unterschiedlichen Elementen auf.

Wechselwirkungen:

:lang(),
clip, overflow, text-align, unicode-bidi

Besonderheiten im Medientyp `handheld`:

Diese Eigenschaft ist nicht Teil des Standards CSS Mobile Profile 1.0. Mobilgeräte, deren Browser diese Eigenschaft umsetzen, sind bisher nicht bekannt.