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

Werte zur Darstellung internationaler Schreibsysteme

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 (z. B. chinesisch). Schriftzeichen vertikaler Schriften stehen aufrecht.
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 (z. B. mongolisch)

Werte zum Senkrechtstellen horizontaler Schriften

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: Für Dokumente, die in einer Sprache erstellt werden, die generell einen bestimmten writing-mode benötigen, sollte die Eigenschaft für das ganze Dokument, also :root oder body, gesetzt werden.