Link up terms to layout calculations.

Author: fantasai

css3-sizing/Overview.html

@@ -17,11 +17,11 @@
 
    <h1>CSS Intrinsic &amp; Extrinsic Sizing Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 9 August 2012</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 13 August 2012</h2>
 
    <dl><!--
 	<dt>This version:
-		<dd><a href="http://www.w3.org/TR/2012/ED-css3-sizing-20120809/">http://www.w3.org/TR/2012/ED-css3-sizing-20120809/</a>
+		<dd><a href="http://www.w3.org/TR/2012/ED-css3-sizing-20120813/">http://www.w3.org/TR/2012/ED-css3-sizing-20120813/</a>
 -->
 
     <dt>Latest version:
@@ -154,7 +154,7 @@ <h2 class="no-num no-toc" id=contents> Table of contents</h2>
     </ul>
 
    <li><a href="#intrinsic-sizing"><span class=secno>4. </span> Intrinsic
-    Sizing Determination</a>
+    Size Determination</a>
     <ul class=toc>
      <li><a href="#replaced-intrinsic"><span class=secno>4.1. </span>
       Intrinsic Sizes of Replaced Elements</a>
@@ -173,7 +173,7 @@ <h2 class="no-num no-toc" id=contents> Table of contents</h2>
     </ul>
 
    <li><a href="#extrinsic-sizing"><span class=secno>5. </span> Extrinsic
-    Sizing</a>
+    Size Determination</a>
 
    <li><a href="#conformance"><span class=secno>6. </span> Conformance</a>
     <ul class=toc>
@@ -287,7 +287,10 @@ <h2 id=terms><span class=secno>2. </span> Terminology</h2>
     size</dfn>
 
    <dd> The space into which a box is laid out, typically either a
-    measurement of its <i>containing block</i> or an infinite size.
+    measurement of its <i>containing block</i> or an infinite size. An <a
+    href="#available-size"><i>available size</i></a> can also be either a
+    <dfn id=min-content-constraint>min-content constraint</dfn> or a <dfn
+    id=max-content-constraint>max-content constraint</dfn>.
 
    <dt><dfn id=fallback-size title="fallback|fallback size">fallback
     size</dfn>
@@ -299,8 +302,9 @@ <h2 id=terms><span class=secno>2. </span> Terminology</h2>
    <dt><dfn id=fill-available-measure>fill-available measure</dfn>
 
    <dd> Roughly, the measure a box would take if it filled its <a
-    href="#available-size"><i>available measure</i></a>. The exact definition
-    is given in XXX.
+    href="#available-size"><i>available measure</i></a>. (See <a
+    href="http://dev.w3.org/csswg/css3-sizing/#extrinsic-sizing">Extrinsic
+    Size Determination</a>.)
     <p class=note> Note: This is called the <i>available width</i> in <a
      href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>
      and computed by the rules in <a
@@ -311,7 +315,9 @@ <h2 id=terms><span class=secno>2. </span> Terminology</h2>
 
    <dd> Roughly, the narrowest measure a box could take while fitting around
     its contents if <em>none</em> of the soft wrap opportunities within the
-    box were taken. The exact definition is given in XXX.
+    box were taken. (See <a
+    href="http://dev.w3.org/csswg/css3-sizing/#intrinsic-sizing">Intrinsic
+    Size Determination</a>.)
     <p class=note> Note: This is called the <i>preferred width</i> in <a
      href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>
      and the <i>maximum cell width</i> in <a
@@ -323,8 +329,9 @@ <h2 id=terms><span class=secno>2. </span> Terminology</h2>
    <dd> The narrowest measure a box could take that doesn't lead to
     inline-dimension overflow that could be avoided by choosing a larger
     measure. Roughly, the measure that would fit around its contents if
-    <em>all</em> soft wrap opportunities within the box were taken. The exact
-    definition is given in XXX.
+    <em>all</em> soft wrap opportunities within the box were taken. (See <a
+    href="http://dev.w3.org/csswg/css3-sizing/#intrinsic-sizing">Intrinsic
+    Size Determination</a>.)
     <p class=note> Note: This is called the <i>preferred minimum width</i> in
      <a
      href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>
@@ -348,8 +355,9 @@ <h2 id=terms><span class=secno>2. </span> Terminology</h2>
    <dt><dfn id=fill-available-extent>fill-available extent</dfn>
 
    <dd> Roughly, the extent a box would take if it filled its <a
-    href="#available-size"><i>available extent</i></a>. The exact definition
-    is given in XXX.
+    href="#available-size"><i>available extent</i></a>. (See <a
+    href="http://dev.w3.org/csswg/css3-sizing/#intrinsic-sizing">Intrinsic
+    Size Determination</a>.)
 
    <dt><dfn id=max-content-extent>max-content extent</dfn>
 
@@ -648,7 +656,7 @@ <h3 id=column-sizing><span class=secno>3.3. </span> Column Sizing Keywords</h3>
     href="#fill-available"><i>fill-available</i></a>))</code>.
   </dl>
 
-  <h2 id=intrinsic-sizing><span class=secno>4. </span> Intrinsic Sizing
+  <h2 id=intrinsic-sizing><span class=secno>4. </span> Intrinsic Size
    Determination</h2>
 
   <p> <dfn id=intrinsic-sizing0>Intrinsic sizing</dfn> determines sizes based
@@ -787,7 +795,8 @@ <h3 id=multicol-intrinsic><span class=secno>4.5. </span> Intrinsic Sizes in
 		overflow when colspans present.
 </pre>
 
-  <h2 id=extrinsic-sizing><span class=secno>5. </span> Extrinsic Sizing</h2>
+  <h2 id=extrinsic-sizing><span class=secno>5. </span> Extrinsic Size
+   Determination</h2>
 
   <p> <dfn id=extrinsic-sizing0>Extrinsic sizing</dfn> determines sizes based
    on the context of an element, without regard for its contents.
@@ -1168,6 +1177,9 @@ <h2 class=no-num id=index> Index</h2>
    <li>‘<a href="#max-content"><code class=css>max-content</code></a>’,
     <a href="#max-content" title="''max-content''"><strong>3.1.</strong></a>
 
+   <li>max-content constraint, <a href="#max-content-constraint"
+    title="max-content constraint"><strong>2.</strong></a>
+
    <li>max-content extent, <a href="#max-content-extent"
     title="max-content extent"><strong>2.</strong></a>
 
@@ -1183,6 +1195,9 @@ <h2 class=no-num id=index> Index</h2>
    <li>‘<a href="#min-content"><code class=css>min-content</code></a>’,
     <a href="#min-content" title="''min-content''"><strong>3.1.</strong></a>
 
+   <li>min-content constraint, <a href="#min-content-constraint"
+    title="min-content constraint"><strong>2.</strong></a>
+
    <li>min-content extent, <a href="#min-content-extent"
     title="min-content extent"><strong>2.</strong></a>
 

css3-sizing/Overview.src.html

@@ -129,6 +129,9 @@ <h2 id="terms">
 			The space into which a box is laid out,
 			typically either a measurement of its <i>containing block</i>
 			or an infinite size.
+			An <i>available size</i> can also be either a
+			<dfn>min-content constraint</dfn> or
+			a <dfn>max-content constraint</dfn>.
 
 		<dt><dfn title="fallback|fallback size">fallback size</dfn>
 		<dd>
@@ -141,7 +144,7 @@ <h2 id="terms">
 		<dd>
 			Roughly, the measure a box would take
 			if it filled its <i>available measure</i>.
-			The exact definition is given in XXX.
+			(See <a href="http://dev.w3.org/csswg/css3-sizing/#extrinsic-sizing">Extrinsic Size Determination</a>.)
 
 			<p class='note'>
 				Note: This is called the <i>available width</i> in <a href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1&sect;10.3.5</a> 
@@ -151,7 +154,7 @@ <h2 id="terms">
 		<dd>
 			Roughly, the narrowest measure a box could take while fitting around its contents 
 			if <em>none</em> of the soft wrap opportunities within the box were taken.
-			The exact definition is given in XXX.
+			(See <a href="http://dev.w3.org/csswg/css3-sizing/#intrinsic-sizing">Intrinsic Size Determination</a>.)
 
 			<p class='note'>
 				Note: This is called the <i>preferred width</i> in <a href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1&sect;10.3.5</a> 
@@ -164,7 +167,7 @@ <h2 id="terms">
 			that could be avoided by choosing a larger measure.
 			Roughly, the measure that would fit around its contents 
 			if <em>all</em> soft wrap opportunities within the box were taken.
-			The exact definition is given in XXX.
+			(See <a href="http://dev.w3.org/csswg/css3-sizing/#intrinsic-sizing">Intrinsic Size Determination</a>.)
 
 			<p class='note'>
 				Note: This is called the <i>preferred minimum width</i> in <a href="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1&sect;10.3.5</a> 
@@ -184,7 +187,7 @@ <h2 id="terms">
 		<dd>
 			Roughly, the extent a box would take
 			if it filled its <i>available extent</i>.
-			The exact definition is given in XXX.
+			(See <a href="http://dev.w3.org/csswg/css3-sizing/#intrinsic-sizing">Intrinsic Size Determination</a>.)
 
 		<dt><dfn>max-content extent</dfn>
 		<dd>
@@ -384,7 +387,7 @@ <h3 id='column-sizing'>
 
 
 <h2 id='intrinsic-sizing'>
-Intrinsic Sizing Determination</h2>
+Intrinsic Size Determination</h2>
 
 	<p>
 		<dfn>Intrinsic sizing</dfn> determines sizes based on the contents of an element,
@@ -529,7 +532,7 @@ <h3 id="multicol-intrinsic">
 
 
 <h2 id='extrinsic-sizing'>
-Extrinsic Sizing</h2>
+Extrinsic Size Determination</h2>
 
 	<p>
 		<dfn>Extrinsic sizing</dfn> determines sizes based on the context of an element,