[css-sizing-4] Pull over the heading structure from Sizing 3 for later expansion.

Author: tabatkins

css-sizing-4/Overview.bs

@@ -60,6 +60,113 @@ Values</h3>
 	also accept the <a>CSS-wide keywords</a> keywords as their property value.
 	For readability they have not been repeated explicitly.
 
+
+
+<!--
+████████ ████████ ████████  ██     ██  ██████
+   ██    ██       ██     ██ ███   ███ ██    ██
+   ██    ██       ██     ██ ████ ████ ██
+   ██    ██████   ████████  ██ ███ ██  ██████
+   ██    ██       ██   ██   ██     ██       ██
+   ██    ██       ██    ██  ██     ██ ██    ██
+   ██    ████████ ██     ██ ██     ██  ██████
+-->
+
+<h2 id="terms">
+Terminology</h2>
+
+
+<h3 id='auto-box-sizes'>
+Auto Box Sizes</h3>
+
+
+<h3 id='contributions'>
+Intrinsic Size Contributions</h3>
+
+
+<h3 id='constraints' dfn export lt="intrinsic size constraint">
+Intrinsic Size Constraints</h3>
+
+
+<!--
+████████  ████████   ███████  ████████  ████████  ████████ ████████  ██████
+██     ██ ██     ██ ██     ██ ██     ██ ██     ██ ██       ██       ██    ██
+██     ██ ██     ██ ██     ██ ██     ██ ██     ██ ██       ██       ██
+████████  ████████  ██     ██ ████████  ██     ██ ██████   ██████    ██████
+██        ██   ██   ██     ██ ██        ██     ██ ██       ██             ██
+██        ██    ██  ██     ██ ██        ██     ██ ██       ██       ██    ██
+██        ██     ██  ███████  ██        ████████  ████████ ██        ██████
+-->
+
+<h2 id="specifying-sizes" oldids='size-keywords'>
+Specifying Box Sizes</h2>
+
+<h3 id="sizing-properties">
+Sizing Properties</h3>
+
+
+<h4 id="preferred-size-properties" dfn export lt="preferred size property">
+Preferred Size Properties: the 'width' and 'height' properties</h4>
+
+
+<h4 id="min-size-properties" dfn export lt="min size property">
+Minimum Size Properties: the 'min-width' and 'min-height' properties</h4>
+
+
+<h4 id="max-size-properties" dfn export lt="max size property">
+Maximum Size Properties: the 'max-width' and 'max-height' properties</h4>
+
+
+
+<h3 id="sizing-values" oldids='width-height-keywords'>
+Sizing Values: the <<length-percentage>>, ''width/auto'' | ''max-width/none'', ''width/min-content'', ''width/max-content'', and ''width/fit-content()'' values</h3>
+
+
+<h4 id="behave-auto">
+“Behaving as ''width/auto''”</h4>
+
+
+<h4 id='the-contain-floats-value'>
+Containing or Excluding Floats</h4>
+
+
+<!--
+████████   ███████  ██     ██          ██████  ████ ████████ ████ ██    ██  ██████
+██     ██ ██     ██  ██   ██          ██    ██  ██       ██   ██  ███   ██ ██    ██
+██     ██ ██     ██   ██ ██           ██        ██      ██    ██  ████  ██ ██
+████████  ██     ██    ███    ███████  ██████   ██     ██     ██  ██ ██ ██ ██   ████
+██     ██ ██     ██   ██ ██                 ██  ██    ██      ██  ██  ████ ██    ██
+██     ██ ██     ██  ██   ██          ██    ██  ██   ██       ██  ██   ███ ██    ██
+████████   ███████  ██     ██          ██████  ████ ████████ ████ ██    ██  ██████
+-->
+
+<h3 id="box-sizing" caniuse="css3-boxsizing">
+Box Edges for Sizing: the 'box-sizing' property</h3>
+
+<!--
+ ██████   ███████  ██       ██     ██ ██     ██ ██    ██
+██    ██ ██     ██ ██       ██     ██ ███   ███ ███   ██
+██       ██     ██ ██       ██     ██ ████ ████ ████  ██
+██       ██     ██ ██       ██     ██ ██ ███ ██ ██ ██ ██
+██       ██     ██ ██       ██     ██ ██     ██ ██  ████
+██    ██ ██     ██ ██       ██     ██ ██     ██ ██   ███
+ ██████   ███████  ████████  ███████  ██     ██ ██    ██
+-->
+
+<h3 id='column-sizing'>
+New Column Sizing Values: the ''column-width/min-content'', ''column-width/max-content'', and ''column-width/fit-content()'' values</h3>
+
+
+<!--
+   ███     ██████  ████████  ████████  ██████  ████████       ████████     ███    ████████ ████  ███████
+  ██ ██   ██    ██ ██     ██ ██       ██    ██    ██          ██     ██   ██ ██      ██     ██  ██     ██
+ ██   ██  ██       ██     ██ ██       ██          ██          ██     ██  ██   ██     ██     ██  ██     ██
+██     ██  ██████  ████████  ██████   ██          ██          ████████  ██     ██    ██     ██  ██     ██
+█████████       ██ ██        ██       ██          ██          ██   ██   █████████    ██     ██  ██     ██
+██     ██ ██    ██ ██        ██       ██    ██    ██          ██    ██  ██     ██    ██     ██  ██     ██
+██     ██  ██████  ██        ████████  ██████     ██          ██     ██ ██     ██    ██    ████  ███████
+-->
+
 <h2 id="ratios">
 Aspect Ratios</h2>
 
@@ -278,6 +385,18 @@ Automatic Content-based Minimum Sizes</h4>
 		</pre>
 	</div>
 
+
+
+<!--
+████ ██    ██ ████████ ████████  ████ ██    ██  ██████  ████  ██████
+ ██  ███   ██    ██    ██     ██  ██  ███   ██ ██    ██  ██  ██    ██
+ ██  ████  ██    ██    ██     ██  ██  ████  ██ ██        ██  ██
+ ██  ██ ██ ██    ██    ████████   ██  ██ ██ ██  ██████   ██  ██
+ ██  ██  ████    ██    ██   ██    ██  ██  ████       ██  ██  ██
+ ██  ██   ███    ██    ██    ██   ██  ██   ███ ██    ██  ██  ██    ██
+████ ██    ██    ██    ██     ██ ████ ██    ██  ██████  ████  ██████
+-->
+
 <h2 id='intrinsic'>
 Intrinsic Size Determination</h2>