{"json_modified": "2016-03-28T07:39:53.534045", "uuid": "e6f7a44a-2daf-48d2-a4af-966c3fc3863e", "title": "writing-mode", "url": "/en-US/docs/Web/SVG/Attribute/writing-mode", "tags": ["SVG Attribute", "SVG", "NeedsCompatTable", "NeedsExample"], "translations": [], "modified": "2015-02-16T02:20:12", "label": "writing-mode", "localization_tags": [], "locale": "en-US", "id": 97, "last_edit": "2015-02-16T02:20:09", "summary": "The <code>writing-mode</code> attribute specifies whether the initial inline-progression-direction for a <a href=\"/en-US/docs/Web/SVG/Element/text\" title=\"The text element defines a graphics element consisting of text. Note that it is possible to apply a gradient, pattern, clipping path, mask or filter to text\"><code>&lt;text&gt;</code></a> element shall be left-to-right, right-to-left, or top-to-bottom. The <code>writing-mode</code> attribute applies only to <a href=\"/en-US/docs/Web/SVG/Element/text\" title=\"The text element defines a graphics element consisting of text. Note that it is possible to apply a gradient, pattern, clipping path, mask or filter to text\"><code>&lt;text&gt;</code></a> elements; the attribute is ignored for <a href=\"/en-US/docs/Web/SVG/Element/tspan\" title=\"Within a &lt;text&gt; element, text and font properties and the current text position can be adjusted with absolute or relative coordinate values by including a tspan element.\"><code>&lt;tspan&gt;</code></a>, <a href=\"/en-US/docs/Web/SVG/Element/tref\" title=\"The textual content for a &lt;text&gt; can be either character data directly embedded within the &lt;text&gt; element or the character data content of a referenced element, where the referencing is specified with a tref element.\"><code>&lt;tref&gt;</code></a>, <a href=\"/en-US/docs/Web/SVG/Element/altGlyph\" title=\"The altGlyph element allows sophisticated selection of the glyphs used to render its child character data.\"><code>&lt;altGlyph&gt;</code></a> and <a href=\"/en-US/docs/Web/SVG/Element/textPath\" title=\"In addition to text drawn in a straight line, SVG also includes the ability to place text along the shape of a &lt;path&gt; element. To specify that a block of text is to be rendered along the shape of a &lt;path&gt;, include the given text within a textPath element which includes an xlink:href attribute with a reference to a &lt;path&gt; element.\"><code>&lt;textPath&gt;</code></a> sub-elements. (Note that the inline-progression-direction can change within a <a href=\"/en-US/docs/Web/SVG/Element/text\" title=\"The text element defines a graphics element consisting of text. Note that it is possible to apply a gradient, pattern, clipping path, mask or filter to text\"><code>&lt;text&gt;</code></a> element due to the Unicode bidirectional algorithm and properties <code><a href=\"/en-US/docs/Web/SVG/Attribute/direction\">direction</a></code> and <code><a href=\"/en-US/docs/Web/SVG/Attribute/unicode-bidi\">unicode-bidi</a></code>.", "sections": [{"id": "Usage_context", "title": "Usage context"}, {"id": "Example", "title": "Example"}, {"id": "Elements", "title": "Elements"}, {"id": "See_also", "title": "See also"}], "slug": "Web/SVG/Attribute/writing-mode", "review_tags": []}