Dasdirection-Attribut gibt die Inline-Basisrichtung eines<text>- oder<tspan>-Elements an. Es definiert die Start- und Endpunkte einer Textzeile, wie sie von den Eigenschaftentext-anchor undinline-size verwendet werden. Es kann auch die Richtung beeinflussen, in der Zeichen positioniert werden, wenn der Wert derunicode-bidi-Eigenschaft entwederembed oderbidi-override ist.

Es gilt nur für Glyphen, die senkrecht zur Inline-Basisrichtung ausgerichtet sind, was den üblichen Fall von horizontal ausgerichtetem lateinischem oder arabischem Text und den Fall von schmalen lateinischen oder arabischen Zeichen umfasst, die im Uhrzeigersinn um 90 Grad relativ zu einer von oben nach unten verlaufenden Inline-Basisrichtung gedreht sind.

In vielen Fällen liefert der bidirektionale Unicode-Algorithmus automatisch das gewünschte Ergebnis, sodass dieses Attribut in diesen Fällen nicht angegeben werden muss. Für andere Fälle, wie zum Beispiel bei der Verwendung von Sprachen, die von rechts nach links gelesen werden, kann es ausreichend sein, dasdirection-Attribut zum äußeren<svg>-Element hinzuzufügen, und diese Richtung allen Textelementen vererben zu lassen:

Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:

• <textPath>
• <text>
• <tspan>

Beispiel

html,body,svg {  height: 100%;}

<svg  viewBox="0 0 600 72"  xmlns="http://www.w3.org/2000/svg"  direction="rtl"  lang="fa">  <text x="300" y="50" text-anchor="middle" font-size="36">    داستان SVG 1.1 SE طولا ني است.  </text></svg>

Verwendungshinweise

Spezifikationen

Browser-Kompatibilität

Siehe auch

• CSSdirection-Eigenschaft