CSS/Eigenschaften/text-orientation

Browserunterstützung
caniuse.com

Die Eigenschaft text-orientation bestimmt die Drehung von Text, wenn writing-mode nicht horizontal-tb ist

Erlaubte Werte

• mixed: dreht horizontale Zeichen um 90° im Uhrzeigersinn. belässt Zeichen vertikaler Schriften vertikal. (Standardwert)
• upright: legt Zeichen von horizontalen Schriften natürlich aus (aufrecht): Beachten Sie dass dieses Schlüsselwort alle Zeichen als left-to-right ansieht. Die Schreibrichtung wird zu ltr gezwungen.
• sideways: Causes characters to be laid out as they would be horizontally, but with the whole line rotated 90° clockwise.
• sideways-right: wie sideways
• use-glyph-orientation: Bei SVG-Elementen führt dieses Schlüsselwort zu den obsoleten Eigenschaften: glyph-orientation-vertical und glyph-orientation-horizontal.

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

mixed

anwendbar auf

alle Elemente

Vererbung

ja

animierbar

ja

Beispiel

p { text-orientation: sideways; }

Der Text wird um 90° zur Leserichtung gedreht.

Siehe auch

• CSS/Tutorials/Schreib- und Leserichtung

Weblinks

• Spezifikation (W3C): Orienting Text: the text-orientation property
• MDN: text-orientation
• Details: caniuse.com