Skip to content

Commit d626ece

Browse files
fantasaifantasai
committed
Move Block Flow Direction as a subheading of Introduction to Vertical Text, so the structure matches the Text Orientation section
1 parent e6d8477 commit d626ece

2 files changed

Lines changed: 50 additions & 49 deletions

File tree

‎css3-writing-modes/Overview.html‎

Lines changed: 48 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -161,75 +161,76 @@ <h2 class="no-num no-toc" id=Contents>Table of Contents</h2>
161161

162162
<li><a href="#vertical-intro"><span class=secno>3. </span> Introduction to
163163
Vertical Text</a>
164+
<ul class=toc>
165+
<li><a href="#writing-mode"><span class=secno>3.1. </span> Block Flow
166+
Direction: the &lsquo;<code class=property>writing-mode</code>&rsquo;
167+
property</a>
168+
</ul>
164169

165-
<li><a href="#writing-mode"><span class=secno>4. </span> Block Flow
166-
Direction: the &lsquo;<code class=property>writing-mode</code>&rsquo;
167-
property</a>
168-
169-
<li><a href="#intro-text-layout"><span class=secno>5. </span> Introduction
170+
<li><a href="#intro-text-layout"><span class=secno>4. </span> Introduction
170171
to Intrinsic Text Layout</a>
171172
<ul class=toc>
172-
<li><a href="#text-orientation"><span class=secno>5.1. </span>Orienting
173+
<li><a href="#text-orientation"><span class=secno>4.1. </span>Orienting
173174
Text: the &lsquo;<code class=property>text-orientation</code>&rsquo;
174175
property</a>
175176
</ul>
176177

177-
<li><a href="#abstract-box"><span class=secno>6. </span> Abstract Box
178+
<li><a href="#abstract-box"><span class=secno>5. </span> Abstract Box
178179
Terminology</a>
179180
<ul class=toc>
180-
<li><a href="#abstract-dimensions"><span class=secno>6.1. </span>
181+
<li><a href="#abstract-dimensions"><span class=secno>5.1. </span>
181182
Logical Dimensions</a>
182183

183-
<li><a href="#abstract-directions"><span class=secno>6.2. </span>
184+
<li><a href="#abstract-directions"><span class=secno>5.2. </span>
184185
Abstract and Physical Directions</a>
185186

186-
<li><a href="#line-directions"><span class=secno>6.3. </span>
187+
<li><a href="#line-directions"><span class=secno>5.3. </span>
187188
Line-relative Directions</a>
188189

189-
<li><a href="#logical-directions"><span class=secno>6.4. </span>
190+
<li><a href="#logical-directions"><span class=secno>5.4. </span>
190191
Flow-relative Directions</a>
191192

192-
<li><a href="#logical-to-physical"><span class=secno>6.5. </span>
193+
<li><a href="#logical-to-physical"><span class=secno>5.5. </span>
193194
Abstract-to-Physical Mappings</a>
194195
</ul>
195196

196-
<li><a href="#abstract-layout"><span class=secno>7. </span> Abstract Box
197+
<li><a href="#abstract-layout"><span class=secno>6. </span> Abstract Box
197198
Layout</a>
198199
<ul class=toc>
199-
<li><a href="#vertical-layout"><span class=secno>7.1. </span> Principles
200+
<li><a href="#vertical-layout"><span class=secno>6.1. </span> Principles
200201
of Layout in Vertical Writing Modes</a>
201202

202-
<li><a href="#dimension-mapping"><span class=secno>7.2. </span>
203+
<li><a href="#dimension-mapping"><span class=secno>6.2. </span>
203204
Dimensional Mapping</a>
204205

205-
<li><a href="#orthogonal-flows"><span class=secno>7.3. </span>
206+
<li><a href="#orthogonal-flows"><span class=secno>6.3. </span>
206207
Orthogonal Flows</a>
207208
<ul class=toc>
208-
<li><a href="#orthogonal-auto"><span class=secno>7.3.1. </span>
209+
<li><a href="#orthogonal-auto"><span class=secno>6.3.1. </span>
209210
Auto-sizing in Orthogonal Flows</a>
210211

211-
<li><a href="#orthogonal-multicol"><span class=secno>7.3.2. </span>
212+
<li><a href="#orthogonal-multicol"><span class=secno>6.3.2. </span>
212213
Multi-column Layout in Orthogonal Flows</a>
213214

214-
<li><a href="#orthogonal-pagination"><span class=secno>7.3.3. </span>
215+
<li><a href="#orthogonal-pagination"><span class=secno>6.3.3. </span>
215216
Paginating Orthogonal Flows</a>
216217
</ul>
217218

218-
<li><a href="#logical-direction-layout"><span class=secno>7.4. </span>
219+
<li><a href="#logical-direction-layout"><span class=secno>6.4. </span>
219220
Flow-Relative Mappings</a>
220221

221-
<li><a href="#line-mappings"><span class=secno>7.5. </span>
222+
<li><a href="#line-mappings"><span class=secno>6.5. </span>
222223
Line-Relative Mappings</a>
223224

224-
<li><a href="#physical-only"><span class=secno>7.6. </span> Purely
225+
<li><a href="#physical-only"><span class=secno>6.6. </span> Purely
225226
Physical Mappings</a>
226227

227-
<li><a href="#caption-side"><span class=secno>7.7. </span> Table Caption
228+
<li><a href="#caption-side"><span class=secno>6.7. </span> Table Caption
228229
Mappings: the &lsquo;<code class=property>caption-side</code>&rsquo;
229230
property </a>
230231
</ul>
231232

232-
<li><a href="#text-combine"><span class=secno>8. </span>Glyph Composition:
233+
<li><a href="#text-combine"><span class=secno>7. </span>Glyph Composition:
233234
the &lsquo;<code class=property>text-combine</code>&rsquo; property</a>
234235

235236
<li class=no-num><a href="#acknowledgements">Acknowledgements</a>
@@ -848,9 +849,9 @@ <h2 id=vertical-intro><span class=secno>3. </span> Introduction to Vertical
848849
<p>Vertical text layouts also need to handle bidirectional text layout;
849850
clockwise-rotated Arabic, for example, is laid out bottom-to-top.
850851

851-
<h2 id=writing-mode><span class=secno>4. </span> Block Flow Direction: the
852-
&lsquo;<a href="#writing-mode1"><code
853-
class=property>writing-mode</code></a>&rsquo; property</h2>
852+
<h3 id=writing-mode><span class=secno>3.1. </span> Block Flow Direction:
853+
the &lsquo;<a href="#writing-mode1"><code
854+
class=property>writing-mode</code></a>&rsquo; property</h3>
854855

855856
<table class=propdef>
856857
<tbody>
@@ -1055,10 +1056,10 @@ <h2 id=writing-mode><span class=secno>4. </span> Block Flow Direction: the
10551056
src=vertical-lr.png width=300></p>
10561057
</div>
10571058

1058-
<h2 id=intro-text-layout><span class=secno>5. </span> Introduction to
1059+
<h2 id=intro-text-layout><span class=secno>4. </span> Introduction to
10591060
Intrinsic Text Layout</h2>
10601061

1061-
<h3 id=text-orientation><span class=secno>5.1. </span>Orienting Text: the
1062+
<h3 id=text-orientation><span class=secno>4.1. </span>Orienting Text: the
10621063
&lsquo;<a href="#text-orientation0"><code
10631064
class=property>text-orientation</code></a>&rsquo; property</h3>
10641065

@@ -1235,7 +1236,7 @@ <h3 id=text-orientation><span class=secno>5.1. </span>Orienting Text: the
12351236
<p class=issue>Add appendix that describes interaction with OpenType
12361237
features and font layout?
12371238

1238-
<h2 id=abstract-box><span class=secno>6. </span> Abstract Box Terminology</h2>
1239+
<h2 id=abstract-box><span class=secno>5. </span> Abstract Box Terminology</h2>
12391240

12401241
<p><a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> defines
12411242
the box layout model of CSS in detail. However, it only defines the box
@@ -1248,7 +1249,7 @@ <h2 id=abstract-box><span class=secno>6. </span> Abstract Box Terminology</h2>
12481249
modes, and to provide terminology for future specs to define their layout
12491250
concepts abstactly.
12501251

1251-
<h3 id=abstract-dimensions><span class=secno>6.1. </span> Logical
1252+
<h3 id=abstract-dimensions><span class=secno>5.1. </span> Logical
12521253
Dimensions</h3>
12531254

12541255
<dl>
@@ -1298,7 +1299,7 @@ <h3 id=abstract-dimensions><span class=secno>6.1. </span> Logical
12981299
typography</a>.)
12991300
</dl>
13001301

1301-
<h3 id=abstract-directions><span class=secno>6.2. </span> Abstract and
1302+
<h3 id=abstract-directions><span class=secno>5.2. </span> Abstract and
13021303
Physical Directions</h3>
13031304

13041305
<p>The terms <dfn id=left>left</dfn>, <dfn id=right>right</dfn>, <dfn
@@ -1316,7 +1317,7 @@ <h3 id=abstract-directions><span class=secno>6.2. </span> Abstract and
13161317
href="#direction0"><code class=property>direction</code></a>&rsquo;
13171318
properties.
13181319

1319-
<h3 id=line-directions><span class=secno>6.3. </span> Line-relative
1320+
<h3 id=line-directions><span class=secno>5.3. </span> Line-relative
13201321
Directions</h3>
13211322

13221323
<p>Although the block flow direction given by &lsquo;<a
@@ -1376,7 +1377,7 @@ <h3 id=line-directions><span class=secno>6.3. </span> Line-relative
13761377
and &lsquo;<a href="#text-orientation0"><code
13771378
class=property>text-orientation</code></a>&rsquo;.
13781379

1379-
<h3 id=logical-directions><span class=secno>6.4. </span> Flow-relative
1380+
<h3 id=logical-directions><span class=secno>5.4. </span> Flow-relative
13801381
Directions</h3>
13811382

13821383
<p>The <dfn id=flow-relative-directions>flow-relative directions</dfn> are
@@ -1456,7 +1457,7 @@ <h3 id=logical-directions><span class=secno>6.4. </span> Flow-relative
14561457
</pre>
14571458
</div>
14581459

1459-
<h3 id=logical-to-physical><span class=secno>6.5. </span>
1460+
<h3 id=logical-to-physical><span class=secno>5.5. </span>
14601461
Abstract-to-Physical Mappings</h3>
14611462

14621463
<p>The following table summarizes the abstract-to-physical mappings:
@@ -1650,9 +1651,9 @@ <h3 id=logical-to-physical><span class=secno>6.5. </span>
16501651
<td colspan=2>bottom
16511652
</table>
16521653

1653-
<h2 id=abstract-layout><span class=secno>7. </span> Abstract Box Layout</h2>
1654+
<h2 id=abstract-layout><span class=secno>6. </span> Abstract Box Layout</h2>
16541655

1655-
<h3 id=vertical-layout><span class=secno>7.1. </span> Principles of Layout
1656+
<h3 id=vertical-layout><span class=secno>6.1. </span> Principles of Layout
16561657
in Vertical Writing Modes</h3>
16571658

16581659
<p>CSS box layout in vertical writing modes is analogous to layout in the
@@ -1711,7 +1712,7 @@ <h3 id=vertical-layout><span class=secno>7.1. </span> Principles of Layout
17111712

17121713
<p>The details of these mappings are provided below.
17131714

1714-
<h3 id=dimension-mapping><span class=secno>7.2. </span> Dimensional Mapping</h3>
1715+
<h3 id=dimension-mapping><span class=secno>6.2. </span> Dimensional Mapping</h3>
17151716
<!--
17161717
<p>Properties that are named in terms of the x and y axes are
17171718
logical with respect to the block flow direction rather than absolute
@@ -1770,7 +1771,7 @@ <h3 id=dimension-mapping><span class=secno>7.2. </span> Dimensional Mapping</h3>
17701771
CSS2.1, are calculated with respect to the <a
17711772
href="#measure"><em>measure</em></a> of the containing block in CSS3.
17721773

1773-
<h3 id=orthogonal-flows><span class=secno>7.3. </span> Orthogonal Flows</h3>
1774+
<h3 id=orthogonal-flows><span class=secno>6.3. </span> Orthogonal Flows</h3>
17741775

17751776
<p>When an element has a different &lsquo;<a href="#writing-mode1"><code
17761777
class=property>writing-mode</code></a>&rsquo; from its containing block
@@ -1814,7 +1815,7 @@ <h3 id=orthogonal-flows><span class=secno>7.3. </span> Orthogonal Flows</h3>
18141815
calculate such percentages instead. <span class=issue>Is this definition
18151816
of percentages a good idea?</span>
18161817

1817-
<h4 id=orthogonal-auto><span class=secno>7.3.1. </span> Auto-sizing in
1818+
<h4 id=orthogonal-auto><span class=secno>6.3.1. </span> Auto-sizing in
18181819
Orthogonal Flows</h4>
18191820

18201821
<p>If the computed measure of an element establishing an orthogonal flow is
@@ -1829,7 +1830,7 @@ <h4 id=orthogonal-auto><span class=secno>7.3.1. </span> Auto-sizing in
18291830
sized, can be aligned or centered within its containing block just like
18301831
other block-level elements by using auto margins.
18311832

1832-
<h4 id=orthogonal-multicol><span class=secno>7.3.2. </span> Multi-column
1833+
<h4 id=orthogonal-multicol><span class=secno>6.3.2. </span> Multi-column
18331834
Layout in Orthogonal Flows</h4>
18341835

18351836
<p>If the UA supports CSS Multi-column Layout <a href="#CSS3COL"
@@ -1860,7 +1861,7 @@ <h4 id=orthogonal-multicol><span class=secno>7.3.2. </span> Multi-column
18601861
with the element's content.
18611862
</ul>
18621863

1863-
<h4 id=orthogonal-pagination><span class=secno>7.3.3. </span> Paginating
1864+
<h4 id=orthogonal-pagination><span class=secno>6.3.3. </span> Paginating
18641865
Orthogonal Flows</h4>
18651866

18661867
<p><em>This section is informative.</em>
@@ -1888,7 +1889,7 @@ <h4 id=orthogonal-pagination><span class=secno>7.3.3. </span> Paginating
18881889
sure it'll all print. T-shaped documents tend not to print well.
18891890
</div>
18901891

1891-
<h3 id=logical-direction-layout><span class=secno>7.4. </span>
1892+
<h3 id=logical-direction-layout><span class=secno>6.4. </span>
18921893
Flow-Relative Mappings</h3>
18931894

18941895
<p>Flow-relative directions are calculated with respect to the writing mode
@@ -1937,7 +1938,7 @@ <h3 id=logical-direction-layout><span class=secno>7.4. </span>
19371938
indents from the start edge of the line box.
19381939
</ul>
19391940

1940-
<h3 id=line-mappings><span class=secno>7.5. </span> Line-Relative Mappings</h3>
1941+
<h3 id=line-mappings><span class=secno>6.5. </span> Line-Relative Mappings</h3>
19411942

19421943
<p>The <dfn id=line-relative-directions>line-relative directions</dfn> are
19431944
<a href="#over">over</a>, <a href="#under">under</a>, <a
@@ -1992,7 +1993,7 @@ <h3 id=line-mappings><span class=secno>7.5. </span> Line-Relative Mappings</h3>
19921993

19931994
</ul>
19941995

1995-
<h3 id=physical-only><span class=secno>7.6. </span> Purely Physical
1996+
<h3 id=physical-only><span class=secno>6.6. </span> Purely Physical
19961997
Mappings</h3>
19971998

19981999
<p>The following values are purely physical in their definitions and do not
@@ -2011,7 +2012,7 @@ <h3 id=physical-only><span class=secno>7.6. </span> Purely Physical
20112012
class=property>text-shadow</code>&rsquo; properties
20122013
</ul>
20132014

2014-
<h3 id=caption-side><span class=secno>7.7. </span> Table Caption Mappings:
2015+
<h3 id=caption-side><span class=secno>6.7. </span> Table Caption Mappings:
20152016
the &lsquo;<code class=property>caption-side</code>&rsquo; property</h3>
20162017

20172018
<p>This module introduces two new values to the &lsquo;<code
@@ -2111,7 +2112,7 @@ <h4 id="spacing-attributes">Spacing Attributes</h4>
21112112
-->
21122113

21132114

2114-
<h2 id=text-combine><span class=secno>8. </span>Glyph Composition: the
2115+
<h2 id=text-combine><span class=secno>7. </span>Glyph Composition: the
21152116
&lsquo;<a href="#text-combine0"><code
21162117
class=property>text-combine</code></a>&rsquo; property</h2>
21172118

‎css3-writing-modes/Overview.src.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -590,8 +590,8 @@ <h2 id="vertical-intro">
590590
clockwise-rotated Arabic, for example, is laid out bottom-to-top.
591591

592592

593-
<h2 id="writing-mode">
594-
Block Flow Direction: the 'writing-mode' property</h2>
593+
<h3 id="writing-mode">
594+
Block Flow Direction: the 'writing-mode' property</h3>
595595

596596
<table class="propdef">
597597
<tbody>

0 commit comments

Comments
 (0)