writing-mode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.
Please take two minutes to fill out our short survey.

Das Attribut writing-mode gibt an, ob die anfängliche inline-progression-direction für ein <text>-Element von links nach rechts, von rechts nach links oder von oben nach unten verlaufen soll. Das writing-mode-Attribut wird nur auf <text>-Elemente angewendet; das Attribut wird für Unterelemente von <tspan> und <textPath> ignoriert. (Beachten Sie, dass sich die inline-progression-direction innerhalb eines <text>-Elements aufgrund des Unicode-Bidirektional-Algorithmus und der Eigenschaften direction und unicode-bidi ändern kann.)

Hinweis: Als Präsentationsattribut hat writing-mode auch ein entsprechendes CSS-Attribut: writing-mode. Wenn beide angegeben sind, hat das CSS-Attribut Vorrang.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

Nutzungshinweise

Standardwert horizontal-tb
Wert horizontal-tb | vertical-rl | vertical-lr
Animierbar Ja
horizontal-tb

Dieser Wert definiert eine Blockflussrichtung von oben nach unten. Sowohl der Schreibmodus als auch der typographische Modus sind horizontal.

vertical-rl

Dieser Wert definiert eine Blockflussrichtung von rechts nach links. Sowohl der Schreibmodus als auch der typographische Modus sind vertikal.

vertical-lr

Dieser Wert definiert eine Blockflussrichtung von links nach rechts. Sowohl der Schreibmodus als auch der typographische Modus sind vertikal.

Spezifikationen

Specification
CSS Writing Modes Level 4
# block-flow
Scalable Vector Graphics (SVG) 2
# WritingModeProperty

Browser-Kompatibilität

Siehe auch