2929
3030 < h1 > CSS Writing Modes Module Level 3</ h1 >
3131
32- < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 25 May 2011</ h2 >
32+ < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 31 May 2011</ h2 >
3333
3434 < dl >
3535 < dt > This version:
3636
3737 < dd > < a
3838 href ="http://dev.w3.org/csswg/css3-writing-modes/ "> http://dev.w3.org/csswg/css3-writing-modes/</ a >
3939 <!--
40- <dd><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110525 ">http://www.w3.org/TR/2011/ED-css3-writing-modes-20110525 /</a>
40+ <dd><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110531 ">http://www.w3.org/TR/2011/ED-css3-writing-modes-20110531 /</a>
4141-->
4242
4343
@@ -177,6 +177,11 @@ <h2 class="no-num no-toc" id=Contents> Table of Contents</h2>
177177 < li > < a href ="#writing-mode "> < span class =secno > 3.1. </ span > Block Flow
178178 Direction: the ‘< code class =property > writing-mode</ code > ’
179179 property</ a >
180+ < ul class =toc >
181+ < li > < a href ="#svg-writing-mode "> < span class =secno > 3.1.1. </ span >
182+ SVG1.1 ‘< code class =property > writing-mode</ code > ’
183+ Values</ a >
184+ </ ul >
180185 </ ul >
181186
182187 < li > < a href ="#inline-alignment "> < span class =secno > 4. </ span > Inline-level
@@ -200,7 +205,7 @@ <h2 class="no-num no-toc" id=Contents> Table of Contents</h2>
200205 </ ul >
201206
202207 < li > < a href ="#intro-text-layout "> < span class =secno > 5. </ span > Introduction
203- to Intrinsic Text Layout</ a >
208+ to Vertical Text Layout</ a >
204209 < ul class =toc >
205210 < li > < a href ="#text-orientation "> < span class =secno > 5.1. </ span > Orienting
206211 Text: the ‘< code class =property > text-orientation</ code > ’
@@ -376,7 +381,7 @@ <h2 id=text-flow><span class=secno>1. </span> Introduction to Writing Modes</h2>
376381 id =vertical-block-flow > vertical block flow</ dfn > (which is a downward or
377382 upward block flow) and < dfn id =horizontal-block-flow > horizontal block
378383 flow</ dfn > (which is leftward or rightward block flow). To avoid
379- confusion, the CSS specifications avoid this latter set of terms.
384+ confusion, CSS specifications avoid this latter set of terms.
380385
381386 < p > Writing systems typically have one or two native writing modes. Some
382387 examples are:
@@ -932,6 +937,8 @@ <h3 id=bidi-box-model><span class=secno>2.4. </span> Box model for inline
932937 < h2 id =vertical-intro > < span class =secno > 3. </ span > Introduction to Vertical
933938 Text</ h2 >
934939
940+ < p > < em > This subsection is non-normative.</ em >
941+
935942 < p > In addition to extensions to CSS2.1’s support for bidirectional
936943 text, this module introduces the rules and properties needed to support
937944 vertical text layout in CSS.
@@ -1071,59 +1078,6 @@ <h3 id=writing-mode><span class=secno>3.1. </span> Block Flow Direction:
10711078 < dd > Left-to-right block flow. The writing mode is vertical.
10721079 </ dl >
10731080
1074- < p > SVG1.1 < a href ="#SVG11 " rel =biblioentry > [SVG11]<!--{{!SVG11}}--> </ a >
1075- defines some additional values: ‘< code class =css > lr</ code > ’,
1076- ‘< code class =css > lr-tb</ code > ’, ‘< code
1077- class =css > rl</ code > ’, ‘< code class =css > rl-tb</ code > ’,
1078- ‘< code class =css > tb</ code > ’, and ‘< code
1079- class =css > tb-rl</ code > ’. These values are < em > deprecated</ em > in any
1080- context except SVG1 documents. Implementations that wish to support them
1081- in the context of CSS must treat these values as follows:
1082-
1083- < table class =data >
1084- < thead >
1085- < tr >
1086- < th > SVG1
1087-
1088- < th > CSS
1089-
1090- < tbody >
1091- < tr >
1092- < td > lr
1093-
1094- < td rowspan =3 > horizontal-tb
1095-
1096- < tr >
1097- < td > lr-tb
1098-
1099- < tr >
1100- < td > rl
1101-
1102- < tr >
1103- < td > tb
1104-
1105- < td rowspan =2 > vertical-rl
1106-
1107- < tr >
1108- < td > tb-rl
1109- </ table >
1110-
1111- < p class =note > In SVG1.1, these values set the < dfn
1112- id =inline-progression-direction > inline progression direction</ dfn > , in
1113- other words, the direction the current text position advances each time a
1114- glyph is added. This is a geometric process that happens < a
1115- href ="#after "> < em > after</ em > </ a > bidi reordering, and thus has no effect
1116- on the interpretation of the ‘< a href ="#direction0 "> < code
1117- class =property > direction</ code > </ a > ’ property (which is independent
1118- of ‘< a href ="#writing-mode1 "> < code
1119- class =property > writing-mode</ code > </ a > ’). (See < a
1120- href ="http://www.w3.org/TR/SVG/text.html#RelationshipWithBiDirectionality "> Relationship
1121- with bidirectionality</ a > . < a href ="#SVG11 "
1122- rel =biblioentry > [SVG11]<!--{{!SVG11}}--> </ a > ) There are varying
1123- interpretations on whether this process causes "writing-mode: rl" to
1124- merely shift the text string or reverse the order of all glyphs in the
1125- text.
1126-
11271081 < p > The ‘< a href ="#writing-mode1 "> < code
11281082 class =property > writing-mode</ code > </ a > ’ property determines the
11291083 direction of block flow. This determines the progression of block-level
@@ -1206,6 +1160,64 @@ <h3 id=writing-mode><span class=secno>3.1. </span> Block Flow Direction:
12061160 src =vertical-lr.png width =300 > </ p >
12071161 </ div >
12081162
1163+ < h4 id =svg-writing-mode > < span class =secno > 3.1.1. </ span > SVG1.1 ‘< a
1164+ href ="#writing-mode1 "> < code class =property > writing-mode</ code > </ a > ’
1165+ Values</ h4 >
1166+
1167+ < p > SVG1.1 < a href ="#SVG11 " rel =biblioentry > [SVG11]<!--{{!SVG11}}--> </ a >
1168+ defines some additional values: ‘< code class =css > lr</ code > ’,
1169+ ‘< code class =css > lr-tb</ code > ’, ‘< code
1170+ class =css > rl</ code > ’, ‘< code class =css > rl-tb</ code > ’,
1171+ ‘< code class =css > tb</ code > ’, and ‘< code
1172+ class =css > tb-rl</ code > ’. These values are < em > deprecated</ em > in any
1173+ context except SVG1 documents. Implementations that wish to support them
1174+ in the context of CSS must treat these values as follows:
1175+
1176+ < table class =data >
1177+ < thead >
1178+ < tr >
1179+ < th > SVG1
1180+
1181+ < th > CSS
1182+
1183+ < tbody >
1184+ < tr >
1185+ < td > lr
1186+
1187+ < td rowspan =3 > horizontal-tb
1188+
1189+ < tr >
1190+ < td > lr-tb
1191+
1192+ < tr >
1193+ < td > rl
1194+
1195+ < tr >
1196+ < td > tb
1197+
1198+ < td rowspan =2 > vertical-rl
1199+
1200+ < tr >
1201+ < td > tb-rl
1202+ </ table >
1203+
1204+ < p > In SVG1.1, these values set the < dfn
1205+ id =inline-progression-direction > inline progression direction</ dfn > , in
1206+ other words, the direction the current text position advances each time a
1207+ glyph is added. This is a geometric process that happens < a
1208+ href ="#after "> < em > after</ em > </ a > bidi reordering, and thus has no effect
1209+ on the interpretation of the ‘< a href ="#direction0 "> < code
1210+ class =property > direction</ code > </ a > ’ property (which is independent
1211+ of ‘< a href ="#writing-mode1 "> < code
1212+ class =property > writing-mode</ code > </ a > ’). (See < a
1213+ href ="http://www.w3.org/TR/SVG/text.html#RelationshipWithBiDirectionality "> Relationship
1214+ with bidirectionality</ a > . < a href ="#SVG11 "
1215+ rel =biblioentry > [SVG11]<!--{{!SVG11}}--> </ a > )
1216+
1217+ < p class =note > There are varying interpretations on whether this process
1218+ causes "writing-mode: rl" to merely shift the text string or reverse the
1219+ order of all glyphs in the text.
1220+
12091221 < h2 id =inline-alignment > < span class =secno > 4. </ span > Inline-level Alignment</ h2 >
12101222
12111223 < p > When different kinds of inline-level content are placed together on a
@@ -1263,7 +1275,8 @@ <h3 id=intro-baselines><span class=secno>4.1. </span> Introduction to
12631275 various baselines apply to all glyphs in the font.
12641276
12651277 < p > Different baseline tables can be provided for alignment in horizontal
1266- and vertical text.
1278+ and vertical text. UAs should use the vertical tables in vertical
1279+ typesetting modes and the horizontal tables otherwise.
12671280
12681281 < h3 id =text-baselines > < span class =secno > 4.2. </ span > Text Baselines</ h3 >
12691282
@@ -1396,7 +1409,7 @@ <h3 id=baseline-alignment><span class=secno>4.4. </span> Baseline Alignment</h3>
13961409 </ ul >
13971410
13981411 < h2 id =intro-text-layout > < span class =secno > 5. </ span > Introduction to
1399- Intrinsic Text Layout</ h2 >
1412+ Vertical Text Layout</ h2 >
14001413
14011414 < p > Each writing system has one or more native orientations. Modern scripts
14021415 can therefore be classified into three orientational categories:
@@ -3499,8 +3512,9 @@ <h3 class=no-num id=normative-references> Normative references</h3>
34993512 < dt id =UAX24 > [UAX24]
35003513
35013514 < dd > Mark Davis; Ken Whistler. < a
3502- href ="http://www.unicode.org/reports/tr24/ "> < cite > .</ cite > </ a > 27
3503- September 2010. Unicode Standard Annex #24. URL: < a
3515+ href ="http://www.unicode.org/reports/tr24/ "> < cite > Unicode Script
3516+ Property.</ cite > </ a > 27 September 2010. Unicode Standard Annex #24. URL:
3517+ < a
35043518 href ="http://www.unicode.org/reports/tr24/ "> http://www.unicode.org/reports/tr24/</ a >
35053519 </ dd >
35063520 <!---->
0 commit comments