@@ -97,8 +97,33 @@ Sizing Properties</h3>
9797ISSUE(820): Add shorthands.
9898
9999<h3 id="sizing-values" oldids='width-height-keywords'>
100- Sizing Values: the <<length-percentage>>, ''width/auto'' | ''max-width/none'' , ''width/min -content'', ''width/max-content'', and ''width/fit-content() '' values </h3>
100+ New Sizing Values: the ''stretch'' , ''fit -content'', and ''contain '' keywords </h3>
101101
102+ <pre class="propdef partial">
103+ Name : width, height, inline-size, block-size, min-width, min-height, min-inline-size, min-block-size, max-width, max-height, max-inline-size, max-block-size
104+ Values : stretch | fit-content | contain
105+ </pre>
106+
107+ <dl dfn-type=value dfn-for="width, height, inline-size, block-size, min-width, min-height, min-inline-size, min-block-size, max-width, max-height, max-inline-size, max-block-size">
108+ <dt> <dfn>stretch</dfn>
109+ <dd>
110+ Applies [=stretch-fit sizing=] ,
111+ attempting to match the size of the box’s [=margin box=] to the size of its [=containing block=] .
112+
113+ <dt> <dfn>fit-content</dfn>
114+ <dd>
115+ Essentially ''fit-content(stretch)''
116+ i.e. min(''max-content'' , max(''min-content'' , ''stretch'' )).
117+
118+ <dt> <dfn>contain</dfn>
119+ If the box has a [=preferred aspect ratio=] ,
120+ applies [=contain-fit sizing=] ,
121+ attempting to fit into the box’s constraints
122+ while maintaining its [=preferred aspect ratio=] insofar as possible.
123+
124+ If the box has no [=preferred aspect ratio=] ,
125+ applies [=stretch-fit sizing=] .
126+ </dl>
102127
103128<h2 id="ratios">
104129Aspect Ratios</h2>
0 commit comments