@@ -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 ‘< code class =property > flow-into</ code > ’ 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 ‘< code class =property > flow-from</ code > ’ 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: ‘< code
164164 class =property > break-before</ code > ’, ‘< code
165165 class =property > break-after</ code > ’, ‘< code
166166 class =property > break-inside</ code > ’</ 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 ‘< a href ="#flow-from "> < code
410410 class =property > flow-from</ code > </ a > ’ property).
411411
412- < p > A < span title =region > region</ span > ‘< 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 ’flow-into'
427+ < p > Elements are placed into a named flow with the ‘< a
428+ href ="#flow-into "> < code class =property > flow-into</ code > </ a > ’
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- ‘< 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 ‘< a href ="#region-overflow "> < code
462460 class =property > region-overflow</ code > </ a > ’ 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 ‘< a
477+ < p > < em > This section is normative.</ em >
478+
479+ < h3 id =the-flow-into-property > < span class =secno > 4.1. </ span > The ‘< a
478480 href ="#flow-into "> < code class =property > flow-into</ code > </ a > ’
479481 property</ h3 >
480482
@@ -639,7 +641,7 @@ <h3 id=the-flow-into-property><span class=secno>3.1. </span>The ‘<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 ‘< a
644+ < h3 id =the-flow-from-property > < span class =secno > 4 .2. </ span > The ‘< a
643645 href ="#flow-from "> < code class =property > flow-from</ code > </ a > ’
644646 property</ h3 >
645647
@@ -866,14 +868,14 @@ <h3 id=the-flow-from-property><span class=secno>3.2. </span>The ‘<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 ‘< code class =property > width</ code > ’ property
873875 is computed to ‘< code class =property > auto</ code > ’, its
874876 resolved width is ‘< code class =css > 0</ code > ’.
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 ‘< code class =property > height</ code > ’ 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: ‘< a href ="#break-before "> < code
895897 class =property > break-before</ code > </ a > ’, ‘< a
896898 href ="#break-after "> < code class =property > break-after</ code > </ a > ’,
@@ -1115,7 +1117,7 @@ <h3 id=region-flow-break><span class=secno>3.3. </span>Region flow break
11151117 class =property > overflow</ code > </ a > ’ 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 ‘< code class =css > ::before</ code > ’ 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 ‘< code class =css > ::after</ code > ’
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 > ’ 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 <indent > instead of <string> following a
1779+ < li > Flow names became <ident > instead of <string> 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