Skip to content

Commit a993675

Browse files
committed
1 parent 5e2b011 commit a993675

1 file changed

Lines changed: 26 additions & 1 deletion

File tree

css-sizing-4/Overview.bs

Lines changed: 26 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -97,8 +97,33 @@ Sizing Properties</h3>
9797
ISSUE(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">
104129
Aspect Ratios</h2>

0 commit comments

Comments
 (0)