x

Author: howcom

css3-multicol/Overview.html

@@ -29,13 +29,13 @@
 
    <h1>CSS Multi-column Layout Module</h1>
 
-   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 23 October 2010</h2>
+   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft 2 November 2010</h2>
 
    <dl>
     <dt>This version:
 
     <dd>
-     <!--<a href="http://www.w3.org/TR/2010/CR-css3-multicol-20101023">http://www.w3.org/TR/2010/ED-css3-multicol-20101023</a>-->
+     <!--<a href="http://www.w3.org/TR/2010/CR-css3-multicol-20101102">http://www.w3.org/TR/2010/ED-css3-multicol-20101102</a>-->
      <a
      href="http://dev.w3.org/csswg/css3-multicol/">http://dev.w3.org/csswg/css3-multicol/</a>
 
@@ -400,10 +400,10 @@ <h2 id=the-multi-column-model><span class=secno>2. </span>The multi-column
   <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
    height of the multi-column element's content box. If the multi-column
-   element is paginated, then the height of each row is constrained by the
-   page, and the content continues in a new row of column boxes on the next
-   page; a column box never splits across pages. The same effect occurs when
-   a <a href="#spanning-element"><em>spanning element</em></a> divides the
+   element is paginated, the height of each row is constrained by the page
+   and the content continues in a new row of column boxes on the next page; a
+   column box never splits across pages. The same effect occurs when a <a
+   href="#spanning-element"><em>spanning element</em></a> divides the
    multi-column element: the columns before the spanning element are balanced
    and shortened to fit their content. Content after the spanning element
    then flows into a new row of column boxes.
@@ -420,7 +420,7 @@ <h2 id=the-multi-column-model><span class=secno>2. </span>The multi-column
    <p>Column gaps (yellow) and column rules (green) are shown in this sample
     rendition of a multi-column element with padding (blue). The blue and
     yellow is present for illustrational purposes only. In actual
-    implementations these ares will be determined by the background.
+    implementations these areas will be determined by the background.
 
    <div class=cols>
     <div class=col style="">
@@ -1606,12 +1606,12 @@ <h3 id=column-span><span class=secno>6.1. </span>&lsquo;<a
     <tr>
      <td><em>Value:</em>
 
-     <td>1 | all
+     <td>none | all
 
     <tr>
      <td><em>Initial:</em>
 
-     <td>1
+     <td>none
 
     <tr>
      <td><em>Applies to:</em>
@@ -1643,27 +1643,29 @@ <h3 id=column-span><span class=secno>6.1. </span>&lsquo;<a
    are:
 
   <dl>
-   <dt>1
+   <dt>none
 
    <dd>The element does not span multiple columns.
 
    <dt>all
 
    <dd>The element spans across all columns. Content in the normal flow that
     appears before the element is automatically balanced across all columns
-    before the element appears.
+    before the element appears. The element establishes a new block
+    formatting context.
   </dl>
 
   <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 do 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.
+   id=spanning-element>spanning element</dfn>. <!--
+<p>This property has no effect on elements that do 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.,
+    sample document after the first sentence in the fourth sentence (i.e.,
     after the word "jkl."). This styling applies:
 
    <pre class=css>
@@ -1722,6 +1724,11 @@ <h3 id=column-span><span class=secno>6.1. </span>&lsquo;<a
    </div>
   </div>
 
+  <p>A spanning element takes up more space than the element would take up
+   otherwise. When space is limited, it may be impossible to find room for
+   the spanning element. In these cases, user agents may treat the element as
+   if &lsquo;<code class=property>none</code>&rsquo; had been specified.
+
   <h2 id=filling-columns><span class=secno>7. </span>Filling columns</h2>
 
   <p>There are two strategies for filling columns: columns can either be
@@ -2405,9 +2412,9 @@ <h2 class=no-num id=property-index>Property index</h2>
     <tr valign=baseline>
      <td><a class=property href="#column-span0">column-span</a>
 
-     <td>1 | all
+     <td>none | all
 
-     <td>1
+     <td>none
 
      <td>static, non-floating elements,