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 9 August 2010</h2>
+   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 21 October 2010</h2>
 
    <dl>
     <dt>This version:
 
     <dd>
-     <!--<a href="http://www.w3.org/TR/2010/CR-css3-multicol-20100809">http://www.w3.org/TR/2010/ED-css3-multicol-20100809</a>-->
+     <!--<a href="http://www.w3.org/TR/2010/CR-css3-multicol-20101021">http://www.w3.org/TR/2010/ED-css3-multicol-20101021</a>-->
      <a
      href="http://dev.w3.org/csswg/css3-multicol/">http://dev.w3.org/csswg/css3-multicol/</a>
 
@@ -272,16 +272,17 @@ <h2 id=introduction><span class=secno>1. </span>Introduction</h2>
    either, or both, properties in one declaration.
 
   <div class=example>
-   <p>In these examples, the number of columes, the width of columns, and
-    both the number and widths are set:
+   <p>In these examples, the number of columns, the width of columns, and
+    both the number and width are set, respectively:
 
    <pre>
 body { columns: 2 }
 body { columns: 12em }
 body { columns: 2 12em }
 </pre>
 
-   <p>Setting both properties rarely makes sense, as described below.
+   <p>However, as described below, setting both the width and number of
+    columns rarely makes sense.
   </div>
 
   <p>Another group of properties introduced in this module describe gaps and
@@ -387,12 +388,12 @@ <h2 id=the-multi-column-model><span class=secno>2. </span>The multi-column
    direction of the multicol element. The <em>column width</em> is the length
    of the column box in the inline direction. The <em>column height</em> is
    the length of the column box in the block direction. All column boxes in a
-   multi-column element have the same column width, and all column boxes in a
-   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 they
-   appear; column rules only appear between columns that both have content.
+   row have the same column width, and all column boxes in a 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 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
@@ -1031,11 +1032,12 @@ <h2 id=column-gaps-and-rules><span class=secno>4. </span>Column gaps and
    endpoints at opposing content edges of the multicol element. Column rules
    do not take up space. That is, the presence or thickness of a column rule
    will not alter the placement of anything else. If a column rule is wider
-   than its gap, the column rule will overlap adjacent column boxes. Column
-   rules are painted just above the background of the multicol element. This
-   allows child elements with &lsquo;<code
-   class=property>z-index</code>&rsquo; values to be on top of column rules.
-   Column rules are only drawn between two columns that both have content.
+   than its gap, the column rule will overlap adjacent column boxes, and
+   possibly extend outside the box of the multicol element. Column rules are
+   painted just above the background of the multicol element. This allows
+   child elements with &lsquo;<code class=property>z-index</code>&rsquo;
+   values to be on top of column rules. Column rules are only drawn between
+   two columns that both have content.
 
   <h3 id=column-gap><span class=secno>4.1. </span>&lsquo;<a
    href="#column-gap0"><code class=property>column-gap</code></a>&rsquo;</h3>
@@ -1614,7 +1616,7 @@ <h3 id=column-span><span class=secno>6.1. </span>&lsquo;<a
     <tr>
      <td><em>Applies to:</em>
 
-     <td>static, non-floating elements
+     <td>static, non-floating elements,
 
     <tr>
      <td><em>Inherited:</em>
@@ -1655,6 +1657,10 @@ <h3 id=column-span><span class=secno>6.1. </span>&lsquo;<a
   <p>An element that spans more than one column is called a <dfn
    id=spanning-element>spanning element</dfn>.
 
+  <p>This property has no effect on elements that no not fit entirely within
+   the multicol element. Also, if a setting on this property pushes the
+   element outside a multicol element, this property will have no effect.
+
   <div class=example>
    <p>In this example, an <code>h2</code> element has been added to the
     sample document after the first sentence in the fourth alphabet (i.e.,
@@ -1721,8 +1727,8 @@ <h2 id=filling-columns><span class=secno>7. </span>Filling columns</h2>
   <p>There are two strategies for filling columns: columns can either be
    balanced, or not. If columns are balanced, UAs should minimize the
    variation in column length. Otherwise, columns are filled sequentially and
-   will therefore end up having different lengths. In any case, the user
-   agent should try to honor the &lsquo;<code
+   some columns may end up partially filled, or with no content at all. In
+   any case, the user agent should try to honor the &lsquo;<code
    class=property>widows</code>&rsquo; and &lsquo;<code
    class=property>orphans</code>&rsquo; properties.
 
@@ -1850,24 +1856,25 @@ <h3 id=overflow-inside-multicol-elements><span class=secno>8.1.
   <h3 id=overflow-outside-multicol-elements><span class=secno>8.2.
    </span>Overflow outside multicol elements</h3>
 
-  <p>Content that extend outside column boxes at the edges of the
-   multi-column element is clipped according to the &lsquo;<code
+  <p>Content and column rules that extend outside column boxes at the edges
+   of the multi-column element is clipped according to the &lsquo;<code
    class=property>overflow</code>&rsquo; property.
 
   <p>A multicol element can have more columns than it has room for due to:
 
   <ul>
-   <li>Constrained column height. A declaration that constrains the column
-    height (e.g., using &lsquo;<code class=property>height</code>&rsquo;)
-    must be honored, if possible. In paged media, the column height is
-    constrained by the size of the page.
+   <li>a declaration that constrains the column height (e.g., using
+    &lsquo;<code class=property>height</code>&rsquo; or &lsquo;<code
+    class=property>max-height</code>&rsquo;). In this case, additional column
+    boxes are created in the inline direction
 
-   <li>Explicit column breaks. Explicit column breaks may create more columns
-    than there is room for inside the multicol element.
-  </ul>
+   <li>the size of the page. In this case, additional column boxes are moved
+    to the next page(s).
 
-  <p>In continuous media, columns that do not fit within the multicol element
-   are added in the inline direction.
+   <li>explicit column breaks. In this case, additional column boxes are
+    created in the inline direction for continous media, and additional
+    column boxes are moved to the next page(s) for paged media.
+  </ul>
 
   <div class=example>
    <p>In this example, the height of the multi-column element has been
@@ -1969,9 +1976,6 @@ <h3 id=overflow-outside-multicol-elements><span class=secno>8.2.
    </div>
   </div>
 
-  <p>In paged media, columns that do not fit within the page are moved to the
-   next page.
-
   <div class=example>
    <p>In this example, explicit column breaks are generated after paragraphs:
 
@@ -2104,7 +2108,7 @@ <h3 id=cr-exit-criteria><span class=secno>9.1. </span>CR exit criteria</h3>
   <h2 class=no-num id=acknowledgments>Acknowledgments</h2>
 
   <p>This document is based on several older proposals and comments on older
-   proposals. Contributors include Øyvind Stenhaug, Sylvain Galineau,
+   proposals. Contributors include Øyvind Stenhaug, Sylvain Galineau,
    Giovanni Campagna, David Hyatt, David Singer, David Woolley, Elika Etemad,
    Bj&ouml;rn H&ouml;hrmann, Joost de Valk, Peter-Paul Koch, Till Halbach,
    C&eacute;dric Savarese, Andy Clarke, Robert O'Callahan, Markus Mielke,
@@ -2406,7 +2410,7 @@ <h2 class=no-num id=property-index>Property index</h2>
 
      <td>1
 
-     <td>static, non-floating elements
+     <td>static, non-floating elements,
 
      <td>no