CSS/Eigenschaften/text-orientation

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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

Siehe auch