direction
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Das direction
-Attribut legt die Inline-Basisrichtung eines <text>
- oder <tspan>
-Elements fest. Es definiert die Start- und Endpunkte einer Textzeile, wie sie von den Eigenschaften text-anchor
und inline-size
verwendet werden. Es kann auch die Richtung beeinflussen, in der Zeichen positioniert werden, wenn der Wert der unicode-bidi
-Eigenschaft entweder embed
oder bidi-override
ist.
Es gilt nur für Glyphen, die senkrecht zur Inline-Basisrichtung ausgerichtet sind. Dazu zählt der übliche Fall von horizontal ausgerichtetem lateinischem oder arabischem Text und der Fall von schmalen lateinischen oder arabischen Zeichen, die relativ zur Inline-Basisrichtung von oben nach unten um 90 Grad im Uhrzeigersinn 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. In anderen Fällen, wie z.B. bei der Verwendung von Sprachen, die von rechts nach links geschrieben werden, kann es ausreichen, das direction
-Attribut dem äußersten <svg>
-Element hinzuzufügen und diese Richtung auf alle Textelemente vererben zu lassen:
Hinweis: Als Präsentationsattribut kann direction
als CSS-Eigenschaft verwendet werden. Weitere Informationen finden Sie unter CSS direction
.
Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
Beispiel
<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
Wert | ltr | rtl |
---|---|
Standardwert | ltr |
Animierbar | Ja |
Spezifikationen
Specification |
---|
CSS Writing Modes Level 4 # direction |
Scalable Vector Graphics (SVG) 2 # DirectionProperty |
Browser-Kompatibilität
BCD tables only load in the browser