CSS/Eigenschaften/writing-mode

Browserunterstützung
caniuse.com

Die Eigenschaft writing-mode bestimmt die Laufrichtung von Text, also ob er horizontal oder vertikal, oder auch von rechts nach links, bzw von links nach rechts läuft.

Erlaubte Werte

• horizontal-tb: Horizontaler Textfluss, der bei ltr von links nach rechts (bei rtl von rechts nach links) in Blöcken von oben nach unten läuft. (Standardwert)
• vertical-rl: Vertikaler Textfluss von oben nach unten, horizontaler Textfluss von rechts nach links. Die nächste vertikale Zeile wird links neben der vorangehenden Zeile platziert.
• vertical-lr: Vertikaler Textfluss von oben nach unten, horizontaler Textfluss von links nach rechts. Die nächste vertikale Zeile wird rechts von der vorangehenden Zeile platziert.
• sideways-rl: Vertikaler Textfluss von oben nach unten. Alle Glyphen – selbst die in vertikal verlaufenden Schriften – werden seitlich nach rechts ausgerichtet.
• sideways-lr: Vertikaler Textfluss von oben nach unten. Alle Glyphen – selbst die in vertikal verlaufenden Schriften – werden seitlich nach links ausgerichtet.

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

horizontal-tb

anwendbar auf

alle Elemente

Vererbung

ja

animierbar

ja

Beispiel

html { writing-mode: sideways-rl; }

Der Text wird vertikal dargestellt und nach rechts ausgerichtet.

Empfehlung: Der writing-mode sollte im Normalfall für das ganze Dokument im root gesetzt werden

Siehe auch

• CSS/Tutorials/Schreib- und Leserichtung
• Formulare/Eingabe von Zahlen
  Ein vertikaler Schieberegler

Weblinks

• Spezifikation (W3C): Block Flow Direction: the writing-mode property
• MDN: writing-mode
• Details: caniuse.com