Skip to content

Commit 4f410ca

Browse files
committed
[css-writing-modes] More clarifications, more in line with <https://lists.w3.org/Archives/Public/www-style/2015Aug/0290.html>
1 parent 4e04c07 commit 4f410ca

1 file changed

Lines changed: 21 additions & 13 deletions

File tree

css-writing-modes/Overview.bs

Lines changed: 21 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -930,19 +930,6 @@ Obsolete SVG1.1 'writing-mode' Values</h4>
930930
specification. The additional ''tb-lr'' value of that revision is
931931
replaced by ''vertical-lr''.
932932

933-
<p>UAs that only need to support the SVG presentational attribute syntax,
934-
but not the CSS syntax, for these values
935-
may instead use UA style sheet rules to make the mapping:
936-
937-
<pre highlight=css>
938-
@namespace svg "http://www.w3.org/2000/svg";
939-
svg|*[writing-mode=lr], svg|*[writing-mode=lr-tb],
940-
svg|*[writing-mode=rl], svg|*[writing-mode=rl-tb] {
941-
writing-mode: horizontal-tbl; }
942-
svg|*[writing-mode=tb], svg|*[writing-mode=tb-rl] {
943-
writing-mode: vertical-rl; }
944-
</pre>
945-
946933
<div class="note">
947934
In SVG1.1, these values set the <dfn>inline progression direction</dfn>,
948935
in other words, the direction the current text position
@@ -957,6 +944,27 @@ Obsolete SVG1.1 'writing-mode' Values</h4>
957944
text string or reverse the order of all glyphs in the text.
958945
</div>
959946

947+
<p>In order to support legacy content,
948+
and to allow authors to create documents that support older clients,
949+
SVG UAs must add the following style sheet rules to their default UA stylesheet:
950+
951+
<pre highlight=css>
952+
@namespace svg "http://www.w3.org/2000/svg";
953+
svg|*[writing-mode=lr], svg|*[writing-mode=lr-tb],
954+
svg|*[writing-mode=rl], svg|*[writing-mode=rl-tb] {
955+
writing-mode: horizontal-tbl; }
956+
svg|*[writing-mode=tb], svg|*[writing-mode=tb-rl] {
957+
writing-mode: vertical-rl; }
958+
</pre>
959+
960+
<div class="note">
961+
Authors who wish to create forwards and backwards-compatible content
962+
in CSS syntax can use the CSS forwards-compatible parsing rules to do so,
963+
e.g.
964+
965+
<pre>svg|text { writing-mode: tb; writing-mode: vertical-rl; }</pre>
966+
</div>
967+
960968
<h2 id="inline-alignment">
961969
Inline-level Alignment</h2>
962970

0 commit comments

Comments
 (0)