Skip to content

Commit 5a5b641

Browse files
howcomhowcom
committed
x
1 parent 527bf18 commit 5a5b641

1 file changed

Lines changed: 57 additions & 183 deletions

File tree

‎css3-multicol/Overview.html‎

Lines changed: 57 additions & 183 deletions
Original file line numberDiff line numberDiff line change
@@ -20,17 +20,46 @@
2020
<body>
2121
<div class=head> <!--begin-logo-->
2222
<p><a href="http://www.w3.org/"><img alt=W3C height=48
23-
src="http://www.w3.org/Icons/w3c_home" width=72></a> <!--end-logo-->
23+
src="http://www.w3.org/Icons/w3c_home" width=72></a> <!--end-logo--> <!--
24+
25+
- RESOLVED: page-break-before, page-break-after: column to force column breaks,
26+
other values apply to column breaking as well as pages
27+
28+
- RESOLVED: howcome to clearly distinguish GCPM features that are moving forward,
29+
then propose publishing a new WD
30+
31+
- RESOLVED: New syntax is image-resolution: normal | [ <dpi> || auto ]
32+
RATIONALE: Removes unused combinations and unnecessary comma
33+
34+
- RESOLVED: Replace image-resolution: auto; with image-resolution: from-image;
35+
RATIONALE: &lsquo;<code class=property>auto</code>&rsquo; vs. &lsquo;<code class=property>normal</code>&rsquo; is hard to understand. (&lsquo;<code class=property>normal</code>&rsquo; is 1 pixel == 1px)
36+
37+
- RESOLVED: URLs inside functional notation where URL is expected should be able
38+
to take either url() or bare strings (like @import), preference for
39+
examples is bare strings.
40+
41+
- Discussed removing &lsquo;<code class=property>background-image-resolution</code>&rsquo; in favor of various options.
42+
So far idea is that &lsquo;<code class=property>image-resolution</code>&rsquo; applies to all images and we will
43+
introduce functional notation in the future to allow setting resolution on a
44+
per-image basis.
45+
46+
- howcome to prepare css3-multicol for Last Call publication; expecting a long
47+
(8 weeks) LC period to elicit comments and clarifications
48+
49+
- Margins of multicol element no longer collapse with first/last children
50+
51+
-->
52+
2453

2554
<h1>CSS3 module: Multi-column layout</h1>
2655

27-
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft 6 March 2009</h2>
56+
<h2 class="no-num no-toc" id=w3c-working>Editor's Draft 1 April 2009</h2>
2857

2958
<dl>
3059
<dt>This version:
3160

3261
<dd><a
33-
href="http://www.w3.org/TR/2009/ED-css3-multicol-20090306">http://www.w3.org/TR/2009/ED-css3-multicol-20090306</a>
62+
href="http://www.w3.org/TR/2009/ED-css3-multicol-20090401">http://www.w3.org/TR/2009/ED-css3-multicol-20090401</a>
3463

3564
<dt>Latest version:
3665

@@ -168,15 +197,6 @@ <h2 class="no-num no-toc" id=table-of-contents><a name=contents>Table of
168197
</ul>
169198

170199
<li><a href="#column-breaks"><span class=secno>6 </span>Column breaks</a>
171-
<ul class=toc>
172-
<li><a href="#column-break-before"><span class=secno>6.1
173-
</span>&lsquo;<code
174-
class=property>column-break-before</code>&rsquo;</a>
175-
176-
<li><a href="#column-break-after"><span class=secno>6.2
177-
</span>&lsquo;<code class=property>column-break-after</code>&rsquo;</a>
178-
179-
</ul>
180200

181201
<li><a href="#spanning-columns"><span class=secno>7 </span>Spanning
182202
columns</a>
@@ -1337,146 +1357,37 @@ <h2 id=column-breaks><span class=secno>6 </span>Column breaks</h2>
13371357
determine where column breaks are placed. The problem of breaking content
13381358
into columns is similar to breaking content into pages. CSS3 Paged Media
13391359
<a href="#CSS3PAGE" rel=biblioentry>[CSS3PAGE]<!--{{!CSS3PAGE}}--></a>
1340-
describes rules for breaking content into pages. This specification
1341-
prescribes the same rules for column breaks, with the following
1342-
differences:
1343-
1344-
<ul>
1345-
<li>The properties for indicating column breaks are &lsquo;<code
1346-
class=property><a
1347-
href="#column-break-before0">column-break-before</a></code>&rsquo; and
1348-
&lsquo;<code class=property><a
1349-
href="#column-break-after0">column-break-after</a></code>&rsquo; (instead
1350-
of &lsquo;<code class=property>page-break-before</code>&rsquo; and
1351-
&lsquo;<code class=property>page-break-after</code>&rsquo;). The
1352-
&lsquo;<code class=property>page-break-inside</code>&rsquo; property can
1353-
be used to indicate that a column break should be avoided inside the
1354-
element.
1355-
1356-
<li>A page break will always cause a column break; the opposite is not the
1357-
case. Consequently, when both a page break and a column break is
1358-
specified, a page break will occur.
1359-
</ul>
1360-
1361-
<p class=issue>Should we reuse &lsquo;<code
1362-
class=property>page-break-before</code>&rsquo; and &lsquo;<code
1363-
class=property>page-break-after</code>&rsquo; instead of creating two new
1364-
properties? A new keyword &lsquo;<code class=css>column</code>&rsquo;
1365-
would be added to these properties to force column breaks.
1366-
1367-
<p>Also, margins will be set to zero around column breaks, just like for
1368-
page breaks.
1369-
1370-
<h3 id=column-break-before><span class=secno>6.1 </span>&lsquo;<code
1371-
class=property><a
1372-
href="#column-break-before0">column-break-before</a></code>&rsquo;</h3>
1373-
1374-
<table class=propdef>
1375-
<tbody>
1376-
<tr>
1377-
<td><em>Name:</em>
1378-
1379-
<td><dfn id=column-break-before0>column-break-before</dfn>
1380-
1381-
<tr>
1382-
<td><em>Value:</em>
1383-
1384-
<td>auto | always | avoid
1385-
1386-
<tr>
1387-
<td><em>Initial:</em>
1388-
1389-
<td>auto
1390-
1391-
<tr>
1392-
<td><em>Applies to:</em>
1393-
1394-
<td>block-level elements
1395-
1396-
<tr>
1397-
<td><em>Inherited:</em>
1398-
1399-
<td>no
1400-
1401-
<tr>
1402-
<td><em>Percentages:</em>
1403-
1404-
<td>N/A
1405-
1406-
<tr>
1407-
<td><em>Media:</em>
1408-
1409-
<td>visual
1410-
1411-
<tr>
1412-
<td><em>Computed&nbsp;value:</em>
1413-
1414-
<td>as specified
1415-
</table>
1416-
1417-
<h3 id=column-break-after><span class=secno>6.2 </span>&lsquo;<code
1418-
class=property><a
1419-
href="#column-break-after0">column-break-after</a></code>&rsquo;</h3>
1420-
1421-
<table class=propdef>
1422-
<tbody>
1423-
<tr>
1424-
<td><em>Name:</em>
1425-
1426-
<td><dfn id=column-break-after0>column-break-after</dfn>
1427-
1428-
<tr>
1429-
<td><em>Value:</em>
1430-
1431-
<td>auto | always | avoid
1432-
1433-
<tr>
1434-
<td><em>Initial:</em>
1435-
1436-
<td>auto
1437-
1438-
<tr>
1439-
<td><em>Applies to:</em>
1440-
1441-
<td>block-level elements
1442-
1443-
<tr>
1444-
<td><em>Inherited:</em>
1445-
1446-
<td>no
1447-
1448-
<tr>
1449-
<td><em>Percentages:</em>
1450-
1451-
<td>N/A
1452-
1453-
<tr>
1454-
<td><em>Media:</em>
1455-
1456-
<td>visual
1360+
describes properties and rules for breaking content into pages, and the
1361+
same properties and rules are used for breaking columns.
14571362

1458-
<tr>
1459-
<td><em>Computed&nbsp;value:</em>
1460-
1461-
<td>as specified
1462-
</table>
1463-
1464-
<p>Values for these properties have the following meanings:
1465-
1466-
<dl>
1467-
<dt>auto
1363+
<p>A new keyword, &lsquo;<code class=css>column</code>&rsquo; is introduced
1364+
on &lsquo;<code class=property>page-break-before</code>&rsquo; and
1365+
&lsquo;<code class=property>page-break-after</code>&rsquo;. This keyword
1366+
forces a column before or after the element, just like the &lsquo;<code
1367+
class=css>always</code>&rsquo; keyword forces page breaks.
14681368

1469-
<dd>Neither force nor forbid a column break before / after / inside the
1470-
generated box.
1369+
<div class=example>
1370+
<p>In this example, forced column breaks appear before <code>h2</code>
1371+
elements and after <code>img</code> elements:
14711372

1472-
<dt>always
1373+
<pre>
1374+
.multicol { colum-width: 8em }
1375+
.multicol h2 { page-break-before: column }
1376+
.multicol img { page-break-after: column }
1377+
</pre>
1378+
</div>
14731379

1474-
<dd>Always force a column break before / after the generated box.
1380+
<p>The &lsquo;<code class=property>page-break-inside</code>&rsquo; property
1381+
specifies the behavior of natural column breaks inside elements.
14751382

1476-
<dt>avoid
1383+
<div class=example>
1384+
<pre>
1385+
.multicol p { page-break-inside: avoid }
1386+
</pre>
1387+
</div>
14771388

1478-
<dd>Avoid a column break before / after / inside the generated box.
1479-
</dl>
1389+
<p>Margins will be set to zero around column breaks, just like for page
1390+
breaks.
14801391

14811392
<h2 id=spanning-columns><span class=secno>7 </span>Spanning columns</h2>
14821393

@@ -2040,12 +1951,6 @@ <h2 class=no-num id=index>Index</h2>
20401951
<li>column box, <a href="#column-box" title="column
20411952
box"><strong>3</strong></a>
20421953

2043-
<li>column-break-after, <a href="#column-break-after0"
2044-
title=column-break-after><strong>6.2</strong></a>
2045-
2046-
<li>column-break-before, <a href="#column-break-before0"
2047-
title=column-break-before><strong>6.1</strong></a>
2048-
20491954
<li>column-count, <a href="#column-count"
20501955
title=column-count><strong>4.2</strong></a>
20511956

@@ -2104,37 +2009,6 @@ <h2 class=no-num id=property-index>Property index</h2>
21042009
<th>Media
21052010

21062011
<tbody>
2107-
<tr valign=baseline>
2108-
<td><a class=property href="#column-break-after0">column-break-after</a>
2109-
2110-
<td>auto | always | avoid
2111-
2112-
<td>auto
2113-
2114-
<td>block-level elements
2115-
2116-
<td>no
2117-
2118-
<td>N/A
2119-
2120-
<td>visual
2121-
2122-
<tr valign=baseline>
2123-
<td><a class=property
2124-
href="#column-break-before0">column-break-before</a>
2125-
2126-
<td>auto | always | avoid
2127-
2128-
<td>auto
2129-
2130-
<td>block-level elements
2131-
2132-
<td>no
2133-
2134-
<td>N/A
2135-
2136-
<td>visual
2137-
21382012
<tr valign=baseline>
21392013
<td><a class=property href="#column-count">column-count</a>
21402014

0 commit comments

Comments
 (0)