CSS text-orientation Eigenschaft

Definition und Verwendung

text-orientation Diese Eigenschaft legt die Richtung der Zeichen fest.

Hinweis:Nur wenn writing-mode Diese Eigenschaft ist nur gültig, wenn sie auf vertikale Ausrichtung gesetzt wird.

Textrichtungen für verschiedene <div>-Elemente festlegen:

div.a {
  text-orientation: mixed;
}
div.b {
  text-orientation: upright;
}

text-orientation Diese Eigenschaft kann verwendet werden, um die Richtung der Tabellenkopfzeilen zu ändern:

th {
    writing-mode: vertical-lr;
    text-orientation: upright;
}

text-orientation: mixed|upright|sideways|sideways-right|use-glyph-orientation|initial|inherit;

Wert	Beschreibung
gemischt	Standardwert. Die Zeichen werden um 90 Grad im Uhrzeigersinn gedreht.
upright	Die Zeichen werden nicht gedreht und bleiben senkrecht.
sideways	Die Richtung der Zeichen entspricht der Richtung der Textzeilen, wenn writing-mode horizontal ist, d.h. um 90 Grad im Uhrzeigersinn gedreht.
sideways-right	entspricht dem Wert der Eigenschaft sideways. Behalten Sie diese Eigenschaft für Kompatibilitätszwecke bei.
use-glyph-orientation	Verwendet für SVG-Elemente, um den veralteten SVG-Attribute glyph-orientation-vertical und glyph-orientation-horizontal zu übernehmen.
initial	Diese Eigenschaft auf ihren Standardwert setzen. Siehe: initial.
inherit	Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe: inherit.

Standardwert:	gemischt
Vererbbarkeit:	ja
Animationserstellung:	Nicht unterstützt. Siehe:Animationseigenschaften.
Version:	CSS3
JavaScript-Syntax:	object.style.textOrientation="upright"

Die Zahlen in der Tabelle stellen die Versionsnummer des ersten Browsers dar, der diese Eigenschaft vollständig unterstützt.

Chrome	Edge	Firefox	Safari	Oper
48.0	79.0	41.0	14.0	35.0