Skip to content

Commit

Permalink
[css-sizing-4] Pull over the heading structure from Sizing 3 for late…
Browse files Browse the repository at this point in the history 
…r expansion.
  • Loading branch information
@tabatkins
tabatkins committed Oct 10, 2019
1 parent 7dc6e19 commit 1c731bc
Showing 1 changed file with 119 additions and 0 deletions.
119 changes: 119 additions & 0 deletions css-sizing-4/Overview.bs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>

Expand Down Expand Up @@ -278,6 +385,18 @@ Automatic Content-based Minimum Sizes</h4>
</pre>
</div>



<!--
████ ██ ██ ████████ ████████ ████ ██ ██ ██████ ████ ██████
██ ███ ██ ██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██
██ ████ ██ ██ ██ ██ ██ ████ ██ ██ ██ ██
██ ██ ██ ██ ██ ████████ ██ ██ ██ ██ ██████ ██ ██
██ ██ ████ ██ ██ ██ ██ ██ ████ ██ ██ ██
██ ██ ███ ██ ██ ██ ██ ██ ███ ██ ██ ██ ██ ██
████ ██ ██ ██ ██ ██ ████ ██ ██ ██████ ████ ██████
-->

<h2 id='intrinsic'>
Intrinsic Size Determination</h2>

Expand Down

0 comments on commit 1c731bc

Please sign in to comment.