Add min-content and max-content to column-width

Author: fantasai

css3-writing-modes/Overview.html

@@ -284,6 +284,10 @@ <h2 class="no-num no-toc" id=Contents> Table of Contents</h2>
 
    <li class=no-num><a href="#intrinsic-sizing">Appendix D: Intrinsic
     Dimensions</a>
+    <ul class=toc>
+     <li><a href="#multicol-intrinsic"><span class=secno>9.1. </span>
+      Intrinsic Sizes in Multi-column Layout</a>
+    </ul>
 
    <li class=no-num><a href="#references"> References</a>
     <ul class=toc>
@@ -2980,10 +2984,10 @@ <h2 class=no-num id=intrinsic-sizing>Appendix D: Intrinsic Dimensions</h2>
      <th>New Values:
 
      <td>&lsquo;<a href="#min-content"><code
-      class=css>min-content</code></a>&rsquo;, &lsquo;<a
-      href="#max-content"><code class=css>max-content</code></a>&rsquo;,
+      class=css>min-content</code></a>&rsquo; | &lsquo;<a
+      href="#max-content"><code class=css>max-content</code></a>&rsquo; |
       &lsquo;<a href="#fit-content"><code
-      class=css>fit-content</code></a>&rsquo;, &lsquo;<a
+      class=css>fit-content</code></a>&rsquo; | &lsquo;<a
       href="#fill-available"><code class=css>fill-available</code></a>&rsquo;
 
     <tr>
@@ -3090,17 +3094,6 @@ <h2 class=no-num id=intrinsic-sizing>Appendix D: Intrinsic Dimensions</h2>
    href="http://www.w3.org/TR/CSS21/tables.html#height-layout">CSS2.1&sect;17.5.3</a>
    for elements with &lsquo;<code class=css>height: auto</code>&rsquo;.
 
-  <p>For multi-column elements laid out with infinite available measure (see
-   <a href="#orthogonal-multicol">Multi-column Layout in Orthogonal
-   Flows</a>), the <a href="#min-content"><i>min-content</i></a> extent is
-   the extent that would result from taking every permissible pagination
-   break as a column break, and the <a
-   href="#max-content"><i>max-content</i></a> extent is the extent that would
-   result from taking only the forced breaks. For all other multi-column
-   elements it is, like CSS2.1 block-level boxes, the extent that would be
-   calculated for an &lsquo;<a href="#auto"><code
-   class=css>auto</code></a>&rsquo; extent per [[CSS3MULTICOL]].
-
   <p>Because they are derived from the content of the element, the <a
    href="#min-content"><i>min-content</i></a> and <a
    href="#max-content"><i>max-content</i></a> sizes are considered to be
@@ -3111,6 +3104,70 @@ <h2 class=no-num id=intrinsic-sizing>Appendix D: Intrinsic Dimensions</h2>
    href="http://www.w3.org/TR/css3-images/#intrinsic-dimensions">intrinsic
    dimensions</a> of the replaced element.
 
+  <h3 id=multicol-intrinsic><span class=secno>9.1. </span> Intrinsic Sizes in
+   Multi-column Layout</h3>
+
+  <p>The <a href="#min-content"><i>min-content</i></a> and <a
+   href="#max-content"><i>max-content</i></a> sizes of a multi-column element
+   are undefined per [[!CSS3MULTICOL]]. A future specification may define
+   them.
+
+  <table class=propdef>
+   <tbody>
+    <tr>
+     <th>Property:
+
+     <td>&lsquo;<code class=property>column-width</code>&rsquo;
+
+    <tr>
+     <th>New Values:
+
+     <td>&lsquo;<a href="#min-content"><code
+      class=css>min-content</code></a>&rsquo; | &lsquo;<a
+      href="#max-content"><code class=css>max-content</code></a>&rsquo;
+
+    <tr>
+     <th>Initial:
+
+     <td>same as CSS3 Multi-column Layout
+
+    <tr>
+     <th>Applies to:
+
+     <td>same as CSS3 Multi-column Layout
+
+    <tr>
+     <th>Inherited:
+
+     <td>same as CSS3 Multi-column Layout
+
+    <tr>
+     <th>Percentages:
+
+     <td>same as CSS3 Multi-column Layout
+
+    <tr>
+     <th>Media:
+
+     <td>same as CSS3 Multi-column Layout
+
+    <tr>
+     <th>Computed&#160;value:
+
+     <td>specified value if keyword specified, else same as CSS3 Multi-column
+      Layout
+  </table>
+
+  <p>When used as values for &lsquo;<code
+   class=property>column-width</code>&rsquo;, the &lsquo;<a
+   href="#min-content"><code class=css>min-content</code></a>&rsquo; and
+   &lsquo;<a href="#max-content"><code
+   class=css>max-content</code></a>&rsquo; keywords indicate that the <a
+   href="#min-content"><i>min-content</i></a> and <a
+   href="#max-content"><i>max-content</i></a> measures, respectively, of the
+   multi-column element's contents are to be the used &lsquo;<code
+   class=property>column-width</code>&rsquo;.
+
   <h2 class=no-num id=references> References</h2>
 
   <h3 class=no-num id=normative-references> Normative references</h3>
@@ -3305,6 +3362,21 @@ <h2 class=no-num id=property-index> Property Index</h2>
 
      <td>visual
 
+    <tr valign=baseline>
+     <td><span class=property>&lsquo;column-width&rsquo;</span>
+
+     <td>&lsquo;min-content&rsquo; | &lsquo;max-content&rsquo;
+
+     <td>same as CSS3 Multi-column Layout
+
+     <td>same as CSS3 Multi-column Layout
+
+     <td>same as CSS3 Multi-column Layout
+
+     <td>same as CSS3 Multi-column Layout
+
+     <td>same as CSS3 Multi-column Layout
+
     <tr valign=baseline>
      <td><span class=property>&lsquo;width&rsquo;</span>, <span
       class=property>&lsquo;min-width&rsquo;</span>, <span
@@ -3313,8 +3385,8 @@ <h2 class=no-num id=property-index> Property Index</h2>
       class=property>&lsquo;min-height&rsquo;</span>, <span
       class=property>&lsquo;max-height&rsquo;</span>
 
-     <td>&lsquo;min-content&rsquo;, &lsquo;max-content&rsquo;,
-      &lsquo;fit-content&rsquo;, &lsquo;fill-available&rsquo;
+     <td>&lsquo;min-content&rsquo; | &lsquo;max-content&rsquo; |
+      &lsquo;fit-content&rsquo; | &lsquo;fill-available&rsquo;
 
      <td>same as CSS2.1
 

css3-writing-modes/Overview.src.html

@@ -2209,7 +2209,7 @@ <h2 id="intrinsic-sizing" class="no-num">Appendix D:
       </tr>
       <tr>
         <th>New Values:</th>
-        <td>''min-content'', ''max-content'', ''fit-content'', ''fill-available''</td>
+        <td>''min-content'' | ''max-content'' | ''fit-content'' | ''fill-available''</td>
       </tr>
       <tr>
         <th>Initial:</th>
@@ -2296,6 +2296,38 @@ <h2 id="intrinsic-sizing" class="no-num">Appendix D:
     and <a href="http://www.w3.org/TR/CSS21/tables.html#height-layout">CSS2.1&sect;17.5.3</a>
     for elements with ''height: auto''.
 
+  <p>Because they are derived from the content of the element, the
+    <i>min-content</i> and <i>max-content</i> sizes are considered
+    to be types of <dfn>intrinsic size</dfn>. For replaced elements,
+    the <i>min-content</i> and <i>max-content</i> sizes are the same
+    and correspond to the
+    <a href="http://www.w3.org/TR/css3-images/#intrinsic-dimensions">intrinsic
+    dimensions</a> of the replaced element.
+
+<h3 id="multicol-intrinsic">
+Intrinsic Sizes in Multi-column Layout</h3>
+
+  <p>The <i>min-content</i> and <i>max-content</i> sizes of a multi-column
+    element are undefined per [[!CSS3MULTICOL]]. A future specification may
+    define them.
+
+<!-- Sketchbook area. See 
+  http://lists.w3.org/Archives/Public/www-style/2011Apr/0316.html
+  http://lists.w3.org/Archives/Public/www-style/2011May/0468.html
+  
+<h4 id="multicol-intrinsic-measures">
+Intrinsic Sizes for Multi-column Elements</h4>
+
+  <p class="issue">This section is under discussion and may be removed</p>
+
+  <dl>
+    <dt>min-content</dt>
+    <dd>The <i>min-content</i> measure of the multi-column element is
+      the <i>min-content</i> measure of the multi-column element's
+      contents.
+    <dt>max-content</dt>
+  </dl>
+
   <p>For multi-column elements laid out with infinite available measure (see
     <a href="#orthogonal-multicol">Multi-column Layout in Orthogonal Flows</a>),
     the <i>min-content</i> extent is the extent that would result
@@ -2305,13 +2337,51 @@ <h2 id="intrinsic-sizing" class="no-num">Appendix D:
     CSS2.1 block-level boxes, the extent that would be calculated for an
     ''auto'' extent per [[CSS3MULTICOL]].
 
-  <p>Because they are derived from the content of the element, the
-    <i>min-content</i> and <i>max-content</i> sizes are considered
-    to be types of <dfn>intrinsic size</dfn>. For replaced elements,
-    the <i>min-content</i> and <i>max-content</i> sizes are the same
-    and correspond to the
-    <a href="http://www.w3.org/TR/css3-images/#intrinsic-dimensions">intrinsic
-    dimensions</a> of the replaced element.
+<h4 id="multicol-intrinsic-columns">
+Intrinsic Sizes for Columns</h4>
+-->
+
+  <table class="propdef">
+    <tbody>
+      <tr>
+        <th>Property:</th>
+        <td>'column-width'</td>
+      </tr>
+      <tr>
+        <th>New Values:</th>
+        <td>''min-content'' | ''max-content''</td>
+      </tr>
+      <tr>
+        <th>Initial:</th>
+        <td>same as CSS3 Multi-column Layout</td>
+      </tr>
+      <tr>
+        <th>Applies to:</th>
+        <td>same as CSS3 Multi-column Layout</td>
+      </tr>
+      <tr>
+        <th>Inherited:</th>
+        <td>same as CSS3 Multi-column Layout</td>
+      </tr>
+      <tr>
+        <th>Percentages:</th>
+        <td>same as CSS3 Multi-column Layout</td>
+      </tr>
+      <tr>
+        <th>Media:</th>
+        <td>same as CSS3 Multi-column Layout</td>
+      </tr>
+      <tr>
+        <th>Computed&#160;value:</th>
+        <td>specified value if keyword specified, else same as CSS3 Multi-column Layout</td>
+      </tr>
+    </tbody>
+  </table>
+
+  <p>When used as values for 'column-width', the ''min-content'' and
+    ''max-content'' keywords indicate that the <i>min-content</i> and
+    <i>max-content</i>  measures, respectively, of the multi-column
+    element's contents are to be the used 'column-width'.
 
 <h2 class="no-num">
 References</h2>