CSS/Eigenschaften/text-orientation

Browserunterstützung
caniuse.com

Die Eigenschaft text-orientation bestimmt die Drehung von Textzeichen, 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: Auch Zeichen aus vertikalen Schriftsystemen werden um 90° gedreht.
• sideways-right: wie sideways (existiert aus Kompatibilitätsgründen)
• 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 { writing-mode: vertical-lr; text-orientation: sideways; }
<syntaxhighlight lang="html"><p>Dieses Lied spielt in F♯-Dur</p>

</syntaxhighlight>

Das Notenzeichen ♯ ist in Unicode als mathematisches Symbol kategorisiert. Diese Zeichen werden vom writing-mode standardmäßig wie chinesische Schrift behandelt und nicht mitgedreht. Die Angabe text-orientation:sideways bewirkt, dass alle Zeichen gedreht werden, und das ♯ passt wieder zum Text.

Siehe auch

• CSS/Tutorials/Schreib- und Leserichtung

Weblinks

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