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.

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

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

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

Hinweise zur Verwendung

Standardwert horizontal-tb
Werte 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 typografische Modus sind horizontal.

vertical-rl

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

vertical-lr

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

Spezifikationen

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

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
writing-mode

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.
Requires a vendor prefix or different name for use.
Has more compatibility info.

Siehe auch