CSS/Eigenschaften/text-orientation

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 Defaultwert: mixed
anwendbar auf	alle Elemente (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
Vererbung	ja
animierbar	ja

Beispiel

p { text-orientation: sideways; }

Der Text wird um 90° zur Leserichtung gedreht.

Weblinks

• Spezifikation (W3C): Orienting Text: the text-orientation property
• MDN: text-orientation

Siehe auch

• CSS/Tutorials/Schreib- und Leserichtung