You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css-sizing/Overview.src.html
+29-2Lines changed: 29 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -201,13 +201,18 @@ <h2 id="terms">
201
201
<dt><dfn>fit-content measure</dfn>
202
202
<dd>
203
203
If the <i>available</i> measure is finite,
204
-
equal to <code>min(<i>max-content</i>, max(<i>min-content</i>, <i>fill-available</i>))</code>.
204
+
equal to <code>min(<i>preferred measure</i>, max(<i>min-content measure</i>, <i>fill-available measure</i>))</code>.
205
205
Otherwise, equal to the <i>max-content measure</i>.
206
206
207
207
<pclass='note'>
208
208
Note: This is called the <i>shrink-to-fit</i> width in <ahref="http://www.w3.org/TR/CSS21/visudet.html#float-width">CSS2.1§10.3.5</a>
209
209
and <ahref="http://www.w3.org/TR/css3-multicol/#pseudo-algorithm">CSS Multi-column Layout § 3.4</a>.
210
210
211
+
<dt><dfn>preferred measure</dfn>
212
+
<dd>
213
+
A box’s “ideal” <i>measure</i>.
214
+
Unless otherwise specified, this is the <i>max-content measure</i>.
215
+
211
216
<dt><dfn>fill-available extent</dfn>
212
217
<dd>
213
218
Roughly, the <i>extent</i> a box would take
@@ -221,12 +226,24 @@ <h2 id="terms">
221
226
<dt><dfn>min-content extent</dfn>
222
227
<dd>
223
228
Equivalent to the <i>max-content extent</i>.
224
-
<spanclass="issue">Or should this be the minimum between allowed break points? It might make sense in multi-col contexts to have min-content and max-content extents be different, even if they are the same elsewhere.</span>
229
+
230
+
<pclass="issue">
231
+
Or should this be the minimum between allowed break points?
232
+
It might make sense in multi-col contexts
233
+
to have min-content and max-content extents be different,
234
+
even if they are the same elsewhere.
225
235
226
236
<dt><dfn>fit-content extent</dfn>
227
237
<dd>
228
238
Analogous to the <i>fit-content measure</i>.
229
239
240
+
<dt><dfn>preferred extent</dfn>
241
+
<dd>
242
+
Equivalent to the <i>max-content extent</i>.
243
+
244
+
<pclass='issue'>
245
+
Same issue as <i>min-content extent</i>.
246
+
230
247
<dt><dfn>max-size contribution</dfn>
231
248
<dd>
232
249
The size that a box contributes to its <i>containing block</i>'s <i>max-content size</i>.
@@ -235,6 +252,11 @@ <h2 id="terms">
235
252
<dd>
236
253
The size that a box contributes to its <i>containing block</i>'s <i>min-content size</i>.
237
254
255
+
<dt><dfn>preferred-size contribution</dfn>
256
+
<dd>
257
+
If the box's layout mode has a defined <i>preferred-size contribution</i>, that.
258
+
Otherwise, the box's <i>max-size contribution</i>.
259
+
238
260
<dt><dfn>max-size constraint</dfn>
239
261
<dd>
240
262
A sizing constraint imposed by the box's <i>containing block</i>
@@ -244,6 +266,11 @@ <h2 id="terms">
244
266
<dd>
245
267
A sizing constraint imposed by the box's <i>containing block</i>
246
268
that causes it to produce its <i>min-size contribution</i>.
269
+
270
+
<dt><dfn>preferred-size constraint</dfn>
271
+
<dd>
272
+
A sizing constraint imposed by the box's <i>containing block</i>
273
+
that causes it to produce its <i>preferred-size contribution</i>.
0 commit comments