The direction
attribute specifies the base writing direction of text and the direction of embeddings and overrides (see unicode-bidi
) for the Unicode bidirectional algorithm. For the direction
attribute to have any effect on an element that does not by itself establish a new text chunk (such as a <tspan>
element without absolute position adjustments due to x
or y
attributes), the unicode-bidi
property's value must be embed or bidi-override.
The direction attribute applies only to glyphs oriented perpendicular to the inline-progression-direction, which includes the usual case of horizontally-oriented Latin or Arabic text and the case of narrow-cell Latin or Arabic characters rotated 90 degrees clockwise relative to a top-to-bottom inline-progression-direction.
As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet, see css direction
for further information.
Categories | Presentation attribute |
---|---|
Value | ltr | rtl | inherit |
Animatable | Yes |
Normative document | SVG 1.1 (2nd Edition) |
The following elements can use the direction
attribute
Desktop | ||||||
---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
Basic support | ? | ? | ? | ? | ? | ? |
Mobile | |||||||
---|---|---|---|---|---|---|---|
Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
Basic support | ? | ? | ? | ? | ? | ? | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/direction