Skip to content

Commit 6bdaf58

Browse files
committed
Added wording about balancing content in multi-column region boxes. Reworked the paragraphs about auto width and auto height: now talking about intrinsic size. https://www.w3.org/Bugs/Public/show_bug.cgi?id=15741
1 parent 10d8f58 commit 6bdaf58

2 files changed

Lines changed: 42 additions & 39 deletions

File tree

css3-regions/Overview.html

Lines changed: 26 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -381,11 +381,11 @@ <h2 class="no-num no-toc" id=table-of-contents>Table of contents</h2>
381381
<li><a href="#the-flow-from-property"><span class=secno>4.2. </span>The
382382
&lsquo;<code class=property>flow-from</code>&rsquo; property</a>
383383
<ul class=toc>
384-
<li><a href="#auto-width-on-regions"><span class=secno>4.2.1.
385-
</span>Auto width on regions</a>
384+
<li><a href="#intrinsic-width-of-regions"><span class=secno>4.2.1.
385+
</span>Intrinsic width of regions</a>
386386

387-
<li><a href="#auto-height-on-regions"><span class=secno>4.2.2.
388-
</span>Auto height on regions</a>
387+
<li><a href="#intrinsic-height-of-regions"><span class=secno>4.2.2.
388+
</span>Intrinsic height of regions</a>
389389
</ul>
390390

391391
<li><a href="#region-flow-break"><span class=secno>4.3. </span>Region
@@ -404,10 +404,7 @@ <h2 class="no-num no-toc" id=table-of-contents>Table of contents</h2>
404404
<li><a href="#multi-column-regions"><span class=secno>5.
405405
</span>Multi-column regions</a>
406406
<ul class=toc>
407-
<li><a href="#multi-column-regions-and-overflow"><span class=secno>5.1.
408-
</span>Multi-column regions and overflow</a>
409-
410-
<li><a href="#regions"><span class=secno>5.2. </span> </a>
407+
<li><a href="#regions"><span class=secno>5.1. </span> </a>
411408
</ul>
412409

413410
<li><a href="#pseudo_elements"><span class=secno>6.
@@ -1175,8 +1172,14 @@ <h3 id=the-flow-from-property><span class=secno>4.2. </span>The &lsquo;<a
11751172
potentially impact the content laid out in regions, just as for
11761173
non-regions.
11771174

1178-
<h4 id=auto-width-on-regions><span class=secno>4.2.1. </span>Auto width on
1179-
regions</h4>
1175+
<h4 id=intrinsic-width-of-regions><span class=secno>4.2.1. </span>Intrinsic
1176+
width of regions</h4>
1177+
1178+
<p>A region's intrinsic width is resolved based on the region's
1179+
<em>::before</em> and <em>::after</em> generated content only.
1180+
1181+
<h4 id=intrinsic-height-of-regions><span class=secno>4.2.2.
1182+
</span>Intrinsic height of regions</h4>
11801183

11811184
<div class=issue-marker data-bug_id=15741 data-bug_status=NEW> <a
11821185
href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=15741">Bug-15741</a>
@@ -1185,18 +1188,9 @@ <h4 id=auto-width-on-regions><span class=secno>4.2.1. </span>Auto width on
11851188
</div>
11861189
</div>
11871190

1188-
<p>A computed value of &lsquo;<code class=property>auto</code>&rsquo; for a
1189-
region's &lsquo;<code class=property>width</code>&rsquo; property becomes
1190-
a used value calculated based on the region's <em>::before</em> and
1191-
<em>::after</em> generated content only.
1192-
1193-
<h4 id=auto-height-on-regions><span class=secno>4.2.2. </span>Auto height
1194-
on regions</h4>
1195-
1196-
<p>A computed value of &lsquo;<code class=property>auto</code>&rsquo; for a
1197-
region's &lsquo;<code class=property>height</code>&rsquo; property becomes
1198-
a used value calculated based on the region's <em>::before</em> and
1199-
<em>::after</em> generated content only.
1191+
<p>See <a
1192+
href="http://wiki.csswg.org/spec/css3-regions/auto-height">proposed
1193+
model</a>
12001194

12011195
<h3 id=region-flow-break><span class=secno>4.3. </span>Region flow break
12021196
properties: &lsquo;<a href="#break-before"><code
@@ -1787,7 +1781,15 @@ <h2 id=multi-column-regions><span class=secno>5. </span>Multi-column
17871781
element that has an assigned <a href="#named-flow0"><em>named
17881782
flow</em></a> are regions. This means that a multi-column element can be
17891783
used as a convenient short-hand to create multiple regions into which
1790-
content flows. For example:
1784+
content flows.
1785+
1786+
<p>The fragment of content that flows into column boxes that are regions is
1787+
laid out according to the multi-column specification. In particular, when
1788+
<a href="#intrinsic-height-of-regions">computing the intrinsic height</a>
1789+
of a multi-column element that is associated with a <a
1790+
href="#named-flow0"><em>named flow</em></a>, the &lsquo;<code
1791+
class=property>column-fill</code>&rsquo; property is honored to balance
1792+
the fragment of content that would flow across the column-boxes.
17911793

17921794
<div class=example>
17931795
<p>The following example:</p>
@@ -1838,15 +1840,12 @@ <h2 id=multi-column-regions><span class=secno>5. </span>Multi-column
18381840
&lt;div id="remainder"&gt;&lt;/div&gt;</pre>
18391841
</div>
18401842

1841-
<h3 id=multi-column-regions-and-overflow><span class=secno>5.1.
1842-
</span>Multi-column regions and overflow</h3>
1843-
18441843
<p class=note>Overflow of column boxes that are regions is handled
18451844
according to the same rules as other regions. If the content does not fit
18461845
in the region, then the rest of the content flow into regions that follow
18471846
in the region chain.
18481847

1849-
<h3 id=regions><span class=secno>5.2. </span></h3>
1848+
<h3 id=regions><span class=secno>5.1. </span></h3>
18501849

18511850
<h2 id="pseudo_elements"><span class=secno>6. </span>Pseudo-elements</h2>
18521851

css3-regions/Overview.src.html

Lines changed: 16 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -967,7 +967,12 @@ <h3 id="the-flow-from-property">The 'flow-from' property</h3>
967967
content laid out in regions, just as for non-regions.</p>
968968

969969

970-
<h4>Auto width on regions</h4>
970+
<h4>Intrinsic width of regions</h4>
971+
972+
<p>A region's intrinsic width is resolved based on the
973+
region's <em>::before</em> and <em>::after</em> generated content only.</p>
974+
975+
<h4 id="intrinsic-height-of-regions">Intrinsic height of regions</h4>
971976

972977
<div class="issue-marker" data-bug_id="15741" data-bug_status="NEW">
973978
<a href=
@@ -978,13 +983,7 @@ <h4>Auto width on regions</h4>
978983
</div>
979984
</div>
980985

981-
<p>A computed value of 'auto' for a region's 'width' property becomes a used value calculated based on the
982-
region's <em>::before</em> and <em>::after</em> generated content only.</p>
983-
984-
<h4>Auto height on regions</h4>
985-
986-
<p>A computed value of 'auto' for a region's 'height' property becomes a used value calculated based on
987-
the region's <em>::before</em> and <em>::after</em> generated content only.</p>
986+
<p>See <a href="http://wiki.csswg.org/spec/css3-regions/auto-height">proposed model</a></p>
988987

989988
<h3 id=
990989
"region-flow-break">Region
@@ -1545,7 +1544,14 @@ <h2 id="multi-column-regions">Multi-column regions</h2>
15451544

15461545
<p>Column boxes of a <a href="http://dev.w3.org/csswg/css3-multicol/#multi-column-element">multi-column</a> element
15471546
that has an assigned <em>named flow</em> are regions. This means that a multi-column element can be used as a
1548-
convenient short-hand to create multiple regions into which content flows. For example:</p>
1547+
convenient short-hand to create multiple regions into which content flows. </p>
1548+
1549+
<p>The fragment of content that flows into column boxes that are regions is laid out according to the
1550+
multi-column specification. In particular,
1551+
when <a href="#intrinsic-height-of-regions">computing the intrinsic height</a> of a multi-column element
1552+
that is associated with a <em>named flow</em>,
1553+
the 'column-fill' property is honored to balance the fragment of content that would flow across
1554+
the column-boxes.</p>
15491555

15501556
<div class="example">
15511557
<p>The following example:</p>
@@ -1596,9 +1602,7 @@ <h2 id="multi-column-regions">Multi-column regions</h2>
15961602

15971603
</div>
15981604

1599-
<h3 id="multi-column-regions-and-overflow">Multi-column regions and overflow</h3>
1600-
1601-
<p class="note">Overflow of column boxes that are regions is handled according to the same rules as
1605+
<p class=note>Overflow of column boxes that are regions is handled according to the same rules as
16021606
other regions. If the content does not fit in the region, then the rest of the content flow
16031607
into regions that follow in the region chain. </p>
16041608

0 commit comments

Comments
 (0)