SVG/Attribut/writing-mode

Mit dem writing-mode-Präsentationsattribut können Sie die Laufrichtung eines Textes verändern bzw. dessen Grundlinie neu ausrichten. Dies ist bei manchen Sprachen wie Hebräisch und Arabisch (rechts nach links) oder asiatischen Sprachen (von oben nach unten) wichtig.

Das Attribut wurde mit der CSS Writing Modes Spezifikation umdefiniert und enthielt zu SVG 1.1 Zeiten andere Werte. SVG-fähige Browser haben die Pflicht, diese Werte weiter zu unterstützen. Wie die alten Werte auf die neuen Werte abgebildet werden, findet sich in der CSS Spezifikation.

Erlaubte Werte

siehe CSS-Eigenschaft writing-mode

Standardwert

horizontal-tb (früher: lr)

anwendbar auf

text, textPath, tspan

Präsentationsattribut

ja

mit CSS animierbar

nein

Beispiel

<text x="140" y="10" 
      writing-mode="vertical-rl"
      style="text-orientation: upright">Aufrecht
</text>

Der Buchstaben des Wortes "Aufrecht" werden senkrecht untereinander geschrieben

Siehe auch

• CSS/Tutorials/Schreib- und Leserichtung

Weblinks

• SVG 2 Spezifikation: The ‘writing-mode’ property
• CSS Spezifikation: Block Flow Direction: the writing-mode property (CSS Writing Modes Level 4)
• MDN: writing-mode