CSS/Eigenschaften/text-orientation

Aus SELFHTML-Wiki
< CSS‎ | Eigenschaften(Weitergeleitet von Text-orientation)
Wechseln zu: Navigation, Suche
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

Weblinks