Skip to content

Commit ac2b411

Browse files
committed
Included editorial review comments from Alan Stearns
1 parent 26bb9bb commit ac2b411

2 files changed

Lines changed: 81 additions & 69 deletions

File tree

css3-regions/Overview.html

Lines changed: 68 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -138,68 +138,68 @@ <h2 class="no-num no-toc" id=table-of-contents>Table of contents</h2>
138138

139139
<li><a href="#regions-flow-breaking-rules"><span class=secno>2.3.
140140
</span>Regions flow breaking rules</a>
141-
142-
<li><a href="#relation-to-document-events"><span class=secno>2.4.
143-
</span>Relation to document events</a>
144141
</ul>
145142

146-
<li><a href="#properties-and-rules"><span class=secno>3. </span>Properties
143+
<li><a href="#relation-to-document-events"><span class=secno>3.
144+
</span>Relation to document events</a>
145+
146+
<li><a href="#properties-and-rules"><span class=secno>4. </span>Properties
147147
and rules</a>
148148
<ul class=toc>
149-
<li><a href="#the-flow-into-property"><span class=secno>3.1. </span>The
149+
<li><a href="#the-flow-into-property"><span class=secno>4.1. </span>The
150150
&lsquo;<code class=property>flow-into</code>&rsquo; property</a>
151151

152-
<li><a href="#the-flow-from-property"><span class=secno>3.2. </span>The
152+
<li><a href="#the-flow-from-property"><span class=secno>4.2. </span>The
153153
&lsquo;<code class=property>flow-from</code>&rsquo; property</a>
154154
<ul class=toc>
155-
<li><a href="#auto-width-on-regions"><span class=secno>3.2.1.
155+
<li><a href="#auto-width-on-regions"><span class=secno>4.2.1.
156156
</span>Auto width on regions</a>
157157

158-
<li><a href="#auto-height-on-regions"><span class=secno>3.2.2.
158+
<li><a href="#auto-height-on-regions"><span class=secno>4.2.2.
159159
</span>Auto height on regions</a>
160160
</ul>
161161

162-
<li><a href="#region-flow-break"><span class=secno>3.3. </span>Region
162+
<li><a href="#region-flow-break"><span class=secno>4.3. </span>Region
163163
flow break properties: &lsquo;<code
164164
class=property>break-before</code>&rsquo;, &lsquo;<code
165165
class=property>break-after</code>&rsquo;, &lsquo;<code
166166
class=property>break-inside</code>&rsquo;</a>
167167

168-
<li><a href="#the-region-overflow-property"><span class=secno>3.4.
168+
<li><a href="#the-region-overflow-property"><span class=secno>4.4.
169169
</span>The region-overflow property</a>
170170

171-
<li><a href="#the-at-region-style-rule"><span class=secno>3.5.
171+
<li><a href="#the-at-region-style-rule"><span class=secno>4.5.
172172
</span>The @region rule</a>
173173
</ul>
174174

175-
<li><a href="#pseudo_elements"><span class=secno>4.
175+
<li><a href="#pseudo_elements"><span class=secno>5.
176176
</span>Pseudo-elements</a>
177177
<ul class=toc>
178-
<li><a href="#processing-model"><span class=secno>4.1. </span>Processing
178+
<li><a href="#processing-model"><span class=secno>5.1. </span>Processing
179179
model</a>
180180
</ul>
181181

182-
<li><a href="#cssom_view_and_css_regions"><span class=secno>5.
182+
<li><a href="#cssom_view_and_css_regions"><span class=secno>6.
183183
</span>CSSOM view and CSS regions</a>
184184
<ul class=toc>
185-
<li><a href="#the-namedflow-interface"><span class=secno>5.1. </span>The
185+
<li><a href="#the-namedflow-interface"><span class=secno>6.1. </span>The
186186
NamedFlow interface</a>
187187

188-
<li><a href="#extension-to-the-element-interface"><span class=secno>5.2.
188+
<li><a href="#extension-to-the-element-interface"><span class=secno>6.2.
189189
</span>Extension to the Element interface</a>
190190

191-
<li><a href="#region-flow-layout-events"><span class=secno>5.3.
191+
<li><a href="#region-flow-layout-events"><span class=secno>6.3.
192192
</span>Region flow layout events</a>
193193
</ul>
194194

195-
<li><a href="#relation-to-other-specifications"><span class=secno>6.
195+
<li><a href="#relation-to-other-specifications"><span class=secno>7.
196196
</span>Relation to other specifications</a>
197197

198-
<li><a href="#conformance"><span class=secno>7. </span>Conformance</a>
198+
<li><a href="#conformance"><span class=secno>8. </span>Conformance</a>
199199

200-
<li><a href="#changes"><span class=secno>8. </span>Changes</a>
200+
<li><a href="#changes"><span class=secno>9. </span>Changes</a>
201201
<ul class=toc>
202-
<li><a href="#changes_from_June_09_2011"><span class=secno>8.1.
202+
<li><a href="#changes_from_June_09_2011"><span class=secno>9.1.
203203
</span>Changes from June 09<sup>th</sup> 2011 version</a>
204204
</ul>
205205

@@ -409,9 +409,6 @@ <h3 id=regions><span class=secno>2.1. </span>Regions</h3>
409409
&lsquo;<a href="#flow-from"><code
410410
class=property>flow-from</code></a>&rsquo; property).
411411

412-
<p>A <span title=region>region</span>&lsquo;<code class=css>s intrinsic
413-
width is zero.</code>
414-
415412
<div class="issue moved">
416413
<p>See <a
417414
href="http://wiki.csswg.org/spec/css3-regions#issue-2-auto-sizing-of-regions"></a></p>
@@ -427,7 +424,8 @@ <h3 id=named-flow><span class=secno>2.2. </span>Named flow</h3>
427424
elements associated with a flow with a given identifier. Elements in a
428425
named flow are ordered according to the document order.
429426

430-
<p>Elements are placed into a named flow with the &rsquo;flow-into'
427+
<p>Elements are placed into a named flow with the &lsquo;<a
428+
href="#flow-into"><code class=property>flow-into</code></a>&rsquo;
431429
property. The elements in a named flow are laid out in the chain of
432430
regions that are associated with this named flow. <span
433431
title=region>Regions</span> are organized in to a <span
@@ -455,26 +453,30 @@ <h3 id=regions-flow-breaking-rules><span class=secno>2.3. </span>Regions
455453
in the <dfn id=current-region title=current-region>current region</dfn>
456454
until a natural or forced region break occurs, at which point the <a
457455
href="#current-region" title=current-region>current region</a> becomes the
458-
next one in the <span title=region-chain>region chain</span>. If there is
459-
no more <span>region</span> in the region chain and there is still content
460-
in the flow, the positioning of the remaining content is controlled by the
461-
&lsquo;<a href="#region-overflow"><code
456+
next one in the <span title=region-chain>region chain</span>. If there are
457+
no more <span>region</span>s in the region chain and there is still
458+
content in the flow, the positioning of the remaining content is
459+
controlled by the &lsquo;<a href="#region-overflow"><code
462460
class=property>region-overflow</code></a>&rsquo; property on the last
463461
<span>region</span> in the chain.
464462

465-
<h3 id=relation-to-document-events><span class=secno>2.4. </span>Relation
466-
to document events</h3>
463+
<h2 id=relation-to-document-events><span class=secno>3. </span>Relation to
464+
document events</h2>
465+
466+
<p><em>This section is normative.</em>
467467

468468
<p>The CSS regions module does not alter the normal processing of events in
469469
the document tree. In particular, if an event occurs on an element that is
470470
part of a named flow, the <a
471471
href="http://www.w3.org/TR/DOM-Level-3-Events/#dom-event-architecture">event's
472472
bubble and capture phases</a> happen following the document tree order.
473473

474-
<h2 id=properties-and-rules><span class=secno>3. </span>Properties and
474+
<h2 id=properties-and-rules><span class=secno>4. </span>Properties and
475475
rules</h2>
476476

477-
<h3 id=the-flow-into-property><span class=secno>3.1. </span>The &lsquo;<a
477+
<p><em>This section is normative.</em>
478+
479+
<h3 id=the-flow-into-property><span class=secno>4.1. </span>The &lsquo;<a
478480
href="#flow-into"><code class=property>flow-into</code></a>&rsquo;
479481
property</h3>
480482

@@ -639,7 +641,7 @@ <h3 id=the-flow-into-property><span class=secno>3.1. </span>The &lsquo;<a
639641
class=css>::after</code> is undefined. This may change depending on
640642
implementation feedback.
641643

642-
<h3 id=the-flow-from-property><span class=secno>3.2. </span>The &lsquo;<a
644+
<h3 id=the-flow-from-property><span class=secno>4.2. </span>The &lsquo;<a
643645
href="#flow-from"><code class=property>flow-from</code></a>&rsquo;
644646
property</h3>
645647

@@ -866,14 +868,14 @@ <h3 id=the-flow-from-property><span class=secno>3.2. </span>The &lsquo;<a
866868
</pre>
867869
</div>
868870

869-
<h4 id=auto-width-on-regions><span class=secno>3.2.1. </span>Auto width on
871+
<h4 id=auto-width-on-regions><span class=secno>4.2.1. </span>Auto width on
870872
regions</h4>
871873

872874
<p>If a region's &lsquo;<code class=property>width</code>&rsquo; property
873875
is computed to &lsquo;<code class=property>auto</code>&rsquo;, its
874876
resolved width is &lsquo;<code class=css>0</code>&rsquo;.
875877

876-
<h4 id=auto-height-on-regions><span class=secno>3.2.2. </span>Auto height
878+
<h4 id=auto-height-on-regions><span class=secno>4.2.2. </span>Auto height
877879
on regions</h4>
878880

879881
<p>If a region's &lsquo;<code class=property>height</code>&rsquo; property
@@ -884,13 +886,13 @@ <h4 id=auto-height-on-regions><span class=secno>3.2.2. </span>Auto height
884886
href="#CSS21" rel=biblioentry>[CSS21]<!--{{CSS21}}--></a>) where:
885887

886888
<ul>
887-
<li>Children, in the context of CSS regions, means the reminder of the
889+
<li>Children, in the context of CSS regions, means the remainder of the
888890
regions's associated flow.
889891

890892
<li>Last line box means the last line box in the region's associated flow.
891893
</ul>
892894

893-
<h3 id=region-flow-break><span class=secno>3.3. </span>Region flow break
895+
<h3 id=region-flow-break><span class=secno>4.3. </span>Region flow break
894896
properties: &lsquo;<a href="#break-before"><code
895897
class=property>break-before</code></a>&rsquo;, &lsquo;<a
896898
href="#break-after"><code class=property>break-after</code></a>&rsquo;,
@@ -1115,7 +1117,7 @@ <h3 id=region-flow-break><span class=secno>3.3. </span>Region flow break
11151117
class=property>overflow</code></a>&rsquo; property specified on the region
11161118
element should be used to determine how to render the overflow.
11171119

1118-
<h3 id=the-region-overflow-property><span class=secno>3.4. </span>The
1120+
<h3 id=the-region-overflow-property><span class=secno>4.4. </span>The
11191121
region-overflow property</h3>
11201122

11211123
<table class=propdef summary="break-after property definition">
@@ -1264,7 +1266,7 @@ <h3 id=the-region-overflow-property><span class=secno>3.4. </span>The
12641266
href="#CSS21" rel=biblioentry>[CSS21]<!--{{CSS21}}--></a>).</p>
12651267
</div>
12661268

1267-
<h3 id=the-at-region-style-rule><span class=secno>3.5. </span>The @region
1269+
<h3 id=the-at-region-style-rule><span class=secno>4.5. </span>The @region
12681270
rule</h3>
12691271

12701272
<div class=issue-marker><a
@@ -1481,7 +1483,9 @@ <h3 id=the-at-region-style-rule><span class=secno>3.5. </span>The @region
14811483
order</a> as defined in <a href="#CSS21"
14821484
rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>.
14831485

1484-
<h2 id="pseudo_elements"><span class=secno>4. </span>Pseudo-elements</h2>
1486+
<h2 id="pseudo_elements"><span class=secno>5. </span>Pseudo-elements</h2>
1487+
1488+
<p><em>This section is normative.</em>
14851489

14861490
<p>It can be useful to visually mark the content to highlight that a
14871491
content thread is flowing from region to region. For example, a marker
@@ -1495,7 +1499,7 @@ <h2 id="pseudo_elements"><span class=secno>4. </span>Pseudo-elements</h2>
14951499
rel=biblioentry>[SELECT]<!--{{!SELECT}}--></a>) let content authors mark
14961500
the beginning and end of a region with such markers.
14971501

1498-
<h3 id=processing-model><span class=secno>4.1. </span>Processing model</h3>
1502+
<h3 id=processing-model><span class=secno>5.1. </span>Processing model</h3>
14991503

15001504
<p>The &lsquo;<code class=css>::before</code>&rsquo; content is laid out in
15011505
the region prior to any other content coming from the flow. Note that it
@@ -1522,9 +1526,11 @@ <h3 id=processing-model><span class=secno>4.1. </span>Processing model</h3>
15221526
and can accommodate for the &lsquo;<code class=css>::after</code>&rsquo;
15231527
box.
15241528

1525-
<h2 id="cssom_view_and_css_regions"><span class=secno>5. </span>CSSOM view
1529+
<h2 id="cssom_view_and_css_regions"><span class=secno>6. </span>CSSOM view
15261530
and CSS regions</h2>
15271531

1532+
<p><em>This section is normative.</em>
1533+
15281534
<p>Since content may flow into multiple regions, authors need a way to
15291535
determine if there are enough regions to flow all the content from a named
15301536
flow. This is especially important considering that the size of regions
@@ -1545,7 +1551,7 @@ <h2 id="cssom_view_and_css_regions"><span class=secno>5. </span>CSSOM view
15451551
regions it is part of.</p>
15461552
</div>
15471553

1548-
<h3 id=the-namedflow-interface><span class=secno>5.1. </span>The NamedFlow
1554+
<h3 id=the-namedflow-interface><span class=secno>6.1. </span>The NamedFlow
15491555
interface</h3>
15501556

15511557
<p>The <code class=idl>getFlowByName<a
@@ -1578,7 +1584,7 @@ <h3 id=the-namedflow-interface><span class=secno>5.1. </span>The NamedFlow
15781584
interface, authors can easily check if all content has been fitted into
15791585
existing regions. If it has, the overflow property would be false.
15801586

1581-
<h3 id=extension-to-the-element-interface><span class=secno>5.2.
1587+
<h3 id=extension-to-the-element-interface><span class=secno>6.2.
15821588
</span>Extension to the Element interface</h3>
15831589

15841590
<p>When an region is an actual <a
@@ -1671,7 +1677,7 @@ <h3 id=extension-to-the-element-interface><span class=secno>5.2.
16711677
class=property>multi-view</code>&rsquo; context as suggested by Alex.</p>
16721678
</div>
16731679

1674-
<h3 id=region-flow-layout-events><span class=secno>5.3. </span>Region flow
1680+
<h3 id=region-flow-layout-events><span class=secno>6.3. </span>Region flow
16751681
layout events</h3>
16761682

16771683
<p>Region <a
@@ -1731,7 +1737,7 @@ <h3 id=region-flow-layout-events><span class=secno>5.3. </span>Region flow
17311737
</ul>
17321738
</table>
17331739

1734-
<h2 id=relation-to-other-specifications><span class=secno>6.
1740+
<h2 id=relation-to-other-specifications><span class=secno>7.
17351741
</span>Relation to other specifications</h2>
17361742

17371743
<p>This specification is related to other specifications as described in
@@ -1753,11 +1759,11 @@ <h2 id=relation-to-other-specifications><span class=secno>6.
17531759
flowing in separate regions.
17541760
</ol>
17551761

1756-
<h2 id=conformance><span class=secno>7. </span>Conformance</h2>
1762+
<h2 id=conformance><span class=secno>8. </span>Conformance</h2>
17571763

1758-
<h2 id=changes><span class=secno>8. </span>Changes</h2>
1764+
<h2 id=changes><span class=secno>9. </span>Changes</h2>
17591765

1760-
<h3 id="changes_from_June_09_2011"><span class=secno>8.1. </span>Changes
1766+
<h3 id="changes_from_June_09_2011"><span class=secno>9.1. </span>Changes
17611767
from <a href="http://www.w3.org/TR/2011/WD-css3-regions-20110609/">June
17621768
09<sup>th</sup> 2011</a> version</h3>
17631769

@@ -1770,7 +1776,7 @@ <h3 id="changes_from_June_09_2011"><span class=secno>8.1. </span>Changes
17701776

17711777
<li>Added Alex Mogilevsky as an editor
17721778

1773-
<li>Flow names became &lt;indent&gt; instead of &lt;string&gt; following a
1779+
<li>Flow names became &lt;ident&gt; instead of &lt;string&gt; following a
17741780
working group <a
17751781
href="http://lists.w3.org/Archives/Public/www-style/2011Jun/0413.html">resolution</a>
17761782

@@ -2091,45 +2097,45 @@ <h2 class=no-num id=index>Index</h2>
20912097

20922098
<ul class=indexlist>
20932099
<li>break-after, <a href="#break-after"
2094-
title=break-after><strong>3.3.</strong></a>
2100+
title=break-after><strong>4.3.</strong></a>
20952101

20962102
<li>break-before, <a href="#break-before"
2097-
title=break-before><strong>3.3.</strong></a>
2103+
title=break-before><strong>4.3.</strong></a>
20982104

20992105
<li>break-inside, <a href="#break-inside"
2100-
title=break-inside><strong>3.3.</strong></a>
2106+
title=break-inside><strong>4.3.</strong></a>
21012107

21022108
<li>current-region, <a href="#current-region"
21032109
title=current-region><strong>2.3.</strong></a>
21042110

21052111
<li>flow-from, <a href="#flow-from"
2106-
title=flow-from><strong>3.2.</strong></a>
2112+
title=flow-from><strong>4.2.</strong></a>
21072113

21082114
<li>flow-into, <a href="#flow-into"
2109-
title=flow-into><strong>3.1.</strong></a>
2115+
title=flow-into><strong>4.1.</strong></a>
21102116

21112117
<li>getRegionFlowRanges, <a href="#dom-element-getregionflowranges"
2112-
title=getRegionFlowRanges><strong>5.2.</strong></a>
2118+
title=getRegionFlowRanges><strong>6.2.</strong></a>
21132119

21142120
<li><a href="#dom-namedflow"><code class=idl>NamedFlow</code></a>, <a
2115-
href="#dom-namedflow" title=NamedFlow><strong>5.1.</strong></a>
2121+
href="#dom-namedflow" title=NamedFlow><strong>6.1.</strong></a>
21162122

21172123
<li><a href="#dom-namedflow-overflow"><code class=idl>overflow</code></a>,
21182124
<a href="#dom-namedflow-overflow"
2119-
title=overflow><strong>5.1.</strong></a>
2125+
title=overflow><strong>6.1.</strong></a>
21202126

21212127
<li>region, <a href="#region" title=region>2.1.</a>
21222128

21232129
<li><a href="#dom-element-regionoverflow"><code
21242130
class=idl>regionOverflow</code></a>, <a
21252131
href="#dom-element-regionoverflow"
2126-
title=regionOverflow><strong>5.2.</strong></a>
2132+
title=regionOverflow><strong>6.2.</strong></a>
21272133

21282134
<li>region-overflow, <a href="#region-overflow"
2129-
title=region-overflow><strong>3.4.</strong></a>
2135+
title=region-overflow><strong>4.4.</strong></a>
21302136

21312137
<li>specified flow, <a href="#specified-flow" title="specified
2132-
flow"><strong>3.1.</strong></a>
2138+
flow"><strong>4.1.</strong></a>
21332139
</ul>
21342140
<!--end-index-->
21352141

0 commit comments

Comments
 (0)