x

Author: howcom

css3-multicol/Overview.html

@@ -27,13 +27,13 @@
 
    <h1>CSS Multi-column Layout Module</h1>
 
-   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 14 December 2009</h2>
+   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 21 March 2010</h2>
 
    <dl>
     <dt>This version:
 
     <dd>
-     <!--<a href="http://www.w3.org/TR/2009/WD-css3-multicol-20091214/">http://www.w3.org/TR/2009/ED-css3-multicol-20091214</a>-->
+     <!--<a href="http://www.w3.org/TR/2010/CR-css3-multicol-20100321">http://www.w3.org/TR/2010/ED-css3-multicol-20100321</a>-->
      <a
      href="http://dev.w3.org/csswg/css3-multicol/">http://dev.w3.org/csswg/css3-multicol/</a>
 
@@ -56,13 +56,13 @@ <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 14 December 2009</h2>
    <!--begin-copyright-->
    <p class=copyright><a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
-    rel=license>Copyright</a> &copy; 2009 <a
+    rel=license>Copyright</a> &copy; 2010 <a
     href="http://www.w3.org/"><acronym title="World Wide Web
     Consortium">W3C</acronym></a><sup>&reg;</sup> (<a
     href="http://www.csail.mit.edu/"><acronym title="Massachusetts Institute
-    of Technology">MIT</acronym></a>, <a
-    href="http://www.ercim.org/"><acronym title="European Research Consortium
-    for Informatics and Mathematics">ERCIM</acronym></a>, <a
+    of Technology">MIT</acronym></a>, <a href="http://www.ercim.eu/"><acronym
+    title="European Research Consortium for Informatics and
+    Mathematics">ERCIM</acronym></a>, <a
     href="http://www.keio.ac.jp/">Keio</a>), All Rights Reserved. W3C <a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>,
     <a
@@ -125,7 +125,8 @@ <h2 class="no-num no-toc" id=status-of-this-document>Status of this
    this draft incorporates useful feedback from implementors as well as
    authors and users.
 
-  <p>This document is now exiting from Last Call.
+  <p>This document will remain Candidate Recommendation at least until 17
+   June 2010. See the <a href="#cr-exit-criteria">CR exit criteria.</a>
 
   <h2 class="no-num no-toc" id=table-of-contents><a name=contents>Table of
    contents</a></h2>
@@ -177,6 +178,13 @@ <h2 class="no-num no-toc" id=table-of-contents><a name=contents>Table of
 
    <li><a href="#column-breaks"><span class=secno>5. </span>Column breaks</a>
 
+    <ul class=toc>
+     <li><a href="#break-before-break-after-break-inside"><span
+      class=secno>5.1. </span>&lsquo;<code
+      class=property>break-before</code>&rsquo;, &lsquo;<code
+      class=property>break-after</code>&rsquo;, &lsquo;<code
+      class=property>break-inside</code>&rsquo;</a>
+    </ul>
 
    <li><a href="#spanning-columns"><span class=secno>6. </span>Spanning
     columns</a>
@@ -187,6 +195,10 @@ <h2 class="no-num no-toc" id=table-of-contents><a name=contents>Table of
 
    <li><a href="#filling-columns"><span class=secno>7. </span>Filling
     columns</a>
+    <ul class=toc>
+     <li><a href="#cf"><span class=secno>7.1. </span>&lsquo;<code
+      class=property>column-fill</code>&rsquo;</a>
+    </ul>
 
    <li><a href="#overflow-and-multicol-elements"><span class=secno>8.
     </span>Overflow and multicol elements</a>
@@ -260,7 +272,7 @@ <h2 id=introduction><span class=secno>1. </span>Introduction</h2>
    either, or both, properties in one declaration.
 
   <div class=example>
-   <p>In this example, but the number and widths of columns is set:
+   <p>In this example, both the number and widths of columns is set:
 
    <pre>
 body { columns: 2 }
@@ -379,8 +391,8 @@ <h2 id=the-multi-column-model><span class=secno>2. </span>The multi-column
    row have the same column height. Within each row in the multi-column
    element, adjacent column boxes are separated by a <em>column gap</em>,
    which may contain a <em>column rule</em>. All column gaps in the same row
-   are equal. All column rules in the same row are also equal, if the appear;
-   column rows only appear between columns that both have content.
+   are equal. All column rules in the same row are also equal, if they
+   appear; column rules only appear between columns that both have content.
 
   <p>In the simplest case a multicol element will contain only one row of
    columns, and the height of each column will be equivalent to the used
@@ -1148,8 +1160,8 @@ <h3 id=crs><span class=secno>4.3. </span>&lsquo;<code class=property><a
      <td><em>Value:</em>
 
      <td><a
-      href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style">&lt;&lsquo;<code
-      class=property>border-style</code>&rsquo;&gt;</a>
+      href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style">&lt;border-style&gt;</a>
+      
 
     <tr>
      <td><em>Initial:</em>
@@ -1212,8 +1224,8 @@ <h3 id=crw><span class=secno>4.4. </span>&lsquo;<code class=property><a
      <td><em>Value:</em>
 
      <td><a
-      href="http://www.w3.org/TR/CSS21/box.html#value-def-border-width">&lt;&lsquo;<code
-      class=property>border-width</code>&rsquo;&gt;</a>
+      href="http://www.w3.org/TR/CSS21/box.html#value-def-border-width">&lt;border-width&gt;</a>
+      
 
     <tr>
      <td><em>Initial:</em>
@@ -1264,9 +1276,12 @@ <h3 id=column-rule><span class=secno>4.5. </span>&lsquo;<code
     <tr>
      <td><em>Value:</em>
 
-     <td><a href="#crw">&lt;column-rule-width&gt;</a> || <a
-      href="#crs">&lt;border-style&gt;</a> || [ <a
-      href="#crc">&lt;color&gt;</a> | transparent ]
+     <td><a href="#crw">&lt;&lsquo;<code
+      class=property>column-rule-width</code>&rsquo;&gt;</a> || <a
+      href="#crs">&lt;&lsquo;<code
+      class=property>column-rule-style</code>&rsquo;&gt;</a> || [ <a
+      href="#crc">&lt;&lsquo;<code
+      class=property>column-rule-color</code>&rsquo;&gt;</a> | transparent ]
 
     <tr>
      <td><em>Initial:</em>
@@ -1344,8 +1359,15 @@ <h2 id=column-breaks><span class=secno>5. </span>Column breaks</h2>
    class=property>page-break-before</code>&rsquo;, &lsquo;<code
    class=property>page-break-after</code>&rsquo;, and &lsquo;<code
    class=property>page-break-inside</code>&rsquo; <a href="#CSS21"
-   rel=biblioentry>[CSS21]<!--{{CSS21}}--></a>. In addition, some new keyword
-   values are added.
+   rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>. In addition, some new
+   keyword values are added.
+
+  <h3 id=break-before-break-after-break-inside><span class=secno>5.1.
+   </span>&lsquo;<code class=property><a
+   href="#break-before">break-before</a></code>&rsquo;, &lsquo;<code
+   class=property><a href="#break-after">break-after</a></code>&rsquo;,
+   &lsquo;<code class=property><a
+   href="#break-inside">break-inside</a></code>&rsquo;</h3>
 
   <table class=propdef>
    <tbody>
@@ -1479,8 +1501,8 @@ <h2 id=column-breaks><span class=secno>5. </span>Column breaks</h2>
   </table>
 
   <p>These properties describe page/column break behavior before/after/inside
-   the generated box. These are normatively defined in <a href="#CSS21"
-   rel=biblioentry>[CSS21]<!--{{CSS21}}--></a>:
+   the generated box. These values are normatively defined in <a
+   href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>:
 
   <dl>
    <dt>auto
@@ -1699,6 +1721,9 @@ <h2 id=filling-columns><span class=secno>7. </span>Filling columns</h2>
    class=property>widows</code>&rsquo; and &lsquo;<code
    class=property>orphans</code>&rsquo; properties.
 
+  <h3 id=cf><span class=secno>7.1. </span>&lsquo;<code class=property><a
+   href="#column-fill">column-fill</a></code>&rsquo;</h3>
+
   <table class=propdef>
    <tbody>
     <tr>
@@ -2120,16 +2145,6 @@ <h3 class=no-num id=other-references>Other references</h3>
   <dl class=bibliography>
    <dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
     <!---->
-
-   <dt id=CSS21>[CSS21]
-
-   <dd>Bert Bos; et al. <a
-    href="http://www.w3.org/TR/2009/CR-CSS2-20090908"><cite>Cascading Style
-    Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 8 September
-    2009. W3C Candidate Recommendation. (Work in progress.) URL: <a
-    href="http://www.w3.org/TR/2009/CR-CSS2-20090908">http://www.w3.org/TR/2009/CR-CSS2-20090908</a>
-    </dd>
-   <!---->
   </dl>
   <!--end-informative-->
 
@@ -2138,13 +2153,13 @@ <h2 class=no-num id=index>Index</h2>
 
   <ul class=indexlist>
    <li>break-after, <a href="#break-after"
-    title=break-after><strong>5.</strong></a>
+    title=break-after><strong>5.1.</strong></a>
 
    <li>break-before, <a href="#break-before"
-    title=break-before><strong>5.</strong></a>
+    title=break-before><strong>5.1.</strong></a>
 
    <li>break-inside, <a href="#break-inside"
-    title=break-inside><strong>5.</strong></a>
+    title=break-inside><strong>5.1.</strong></a>
 
    <li>column box, <a href="#column-box" title="column
     box"><strong>2.</strong></a>
@@ -2153,7 +2168,7 @@ <h2 class=no-num id=index>Index</h2>
     title=column-count><strong>3.2.</strong></a>
 
    <li>column-fill, <a href="#column-fill"
-    title=column-fill><strong>7.</strong></a>
+    title=column-fill><strong>7.1.</strong></a>
 
    <li>column-gap, <a href="#column-gap0"
     title=column-gap><strong>4.1.</strong></a>
@@ -2303,8 +2318,9 @@ <h2 class=no-num id=property-index>Property index</h2>
     <tr valign=baseline>
      <td><a class=property href="#column-rule0">column-rule</a>
 
-     <td>&lt;column-rule-width&gt; || &lt;border-style&gt; || [ &lt;color&gt;
-      | transparent ]
+     <td>&lt;&lsquo;column-rule-width&rsquo;&gt; ||
+      &lt;&lsquo;column-rule-style&rsquo;&gt; || [
+      &lt;&lsquo;column-rule-color&rsquo;&gt; | transparent ]
 
      <td>see individual properties
 
@@ -2334,7 +2350,7 @@ <h2 class=no-num id=property-index>Property index</h2>
     <tr valign=baseline>
      <td><a class=property href="#column-rule-style">column-rule-style</a>
 
-     <td>&lt;&lsquo;border-style&rsquo;&gt;
+     <td>&lt;border-style&gt;
 
      <td>none
 
@@ -2349,7 +2365,7 @@ <h2 class=no-num id=property-index>Property index</h2>
     <tr valign=baseline>
      <td><a class=property href="#column-rule-width">column-rule-width</a>
 
-     <td>&lt;&lsquo;border-width&rsquo;&gt;
+     <td>&lt;border-width&gt;
 
      <td>medium