Skip to content

Commit 730f90d

Browse files
committed
[css-sizing-3] Fix markup
1 parent f1ecf21 commit 730f90d

File tree

1 file changed

+20
-15
lines changed

1 file changed

+20
-15
lines changed

css-sizing-3/Overview.bs

+20-15
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,14 @@
22
Title: CSS Intrinsic & Extrinsic Sizing Module Level 3
33
Shortname: css-sizing
44
Level: 3
5-
Status: ED
5+
Status: WD
66
Work Status: Refining
77
Group: csswg
88
ED: https://drafts.csswg.org/css-sizing-3/
99
TR: https://www.w3.org/TR/css-sizing-3/
1010
Editor: Tab Atkins, Google, http://xanthir.com/contact/, w3cid 42199
1111
Editor: Elika J. Etemad / fantasai, Invited Expert, http://fantasai.inkedblade.net/contact, w3cid 35400
12+
Previous version: https://www.w3.org/TR/2018/WD-css-sizing-3-20180304/
1213
Previous version: https://www.w3.org/TR/2017/WD-css-sizing-3-20170207/
1314
Abstract: This module extends the CSS sizing properties with keywords that represent content-based "intrinsic" sizes and context-based "extrinsic" sizes, allowing CSS to more easily describe boxes that fit their content or fit into a particular layout context.
1415
Ignored Terms: content box, border box, non-replaced
@@ -89,7 +90,7 @@ Terminology</h2>
8990
alternatively a width and/or height.
9091

9192
<figure>
92-
<img style="max-width: 49%;" src="images/sizing-ltr-tb.svg"><img style="max-width: 49%;" src="images/sizing-ttb-rl.svg">
93+
<img style="max-width: 49%;" src="images/sizing-ltr-tb.svg" alt="In left-to-right, top-to-bottom horizontal English, the horizontal width and inline size are synonymous, and vertical height and block size are synonymous."><img style="max-width: 49%;" src="images/sizing-ttb-rl.svg" alt="In top-to-bottom, right-to-left vertical Japanese, the horizontal width and block size are synonymous, and vertical height and inline size are synonymous.">
9394
<figcaption>Whether the <a>width</a> or <a>height</a> corresponds
9495
to an <a>inline size</a> or <a>block size</a> depends on the <a>writing mode</a>.</figcaption>
9596
</figure>
@@ -169,10 +170,11 @@ Auto Box Sizes</h3>
169170
(sizes resulting from ''width/auto'' sizing rules, depending on context):
170171

171172
<dl export>
172-
: <dfn>stretch-fit size</dfn>
173-
: <dfn>stretch-fit inline size</dfn>
174-
: <dfn>stretch-fit block size</dfn>
175-
:: The <a>size</a> a box would take
173+
<dt><dfn>stretch-fit size</dfn>
174+
<dt><dfn>stretch-fit inline size</dfn>
175+
<dt><dfn>stretch-fit block size</dfn>
176+
<dd>
177+
The <a>size</a> a box would take
176178
if its <a>outer size</a> filled the <a>available space</a>
177179
in the given axis;
178180
in other words, the <a>stretch fit</a> into the <a>available space</a>,
@@ -186,8 +188,9 @@ Auto Box Sizes</h3>
186188
for when the <a>available space</a> is <a>indefinite</a>
187189
if that happens to be possible.
188190

189-
: <dfn lt="max-content | max-content size">max-content size</dfn>
190-
:: A box’s “ideal” <a>size</a> in a given axis when given infinite available space.
191+
<dt><dfn lt="max-content | max-content size">max-content size</dfn>
192+
<dd>
193+
A box’s “ideal” <a>size</a> in a given axis when given infinite available space.
191194
Usually this is the smallest <a>size</a> the box could take in that axis
192195
while still fitting around its contents,
193196
i.e. minimizing unfilled space while avoiding overflow.
@@ -205,8 +208,9 @@ Auto Box Sizes</h3>
205208
:: The box's “ideal” <a>size</a> in the <a>block axis</a>.
206209
Usually the <a>block size</a> of the content after layout.
207210

208-
: <dfn lt="min-content | min-content size">min-content size</dfn>
209-
:: The smallest <a>size</a> a box could take
211+
<dt><dfn lt="min-content | min-content size">min-content size</dfn>
212+
<dd>
213+
The smallest <a>size</a> a box could take
210214
that doesn't lead to overflow
211215
that could be avoided by choosing a larger <a>size</a>.
212216
(See [[#intrinsic]].)
@@ -226,10 +230,11 @@ Auto Box Sizes</h3>
226230
and definitely for block-level and inline-level boxes,
227231
this is equivalent to the <a>max-content block size</a>.
228232

229-
: <dfn>fit-content size</dfn>
230-
: <dfn>fit-content inline size</dfn>
231-
: <dfn>fit-content block size</dfn>
232-
:: If the <a>available space</a> in a given axis is <a>definite</a>,
233+
<dt><dfn>fit-content size</dfn>
234+
<dt><dfn>fit-content inline size</dfn>
235+
<dt><dfn>fit-content block size</dfn>
236+
<dd>
237+
If the <a>available space</a> in a given axis is <a>definite</a>,
233238
equal to <code>min(<a>max-content size</a>, max(<a>min-content size</a>, <a>stretch-fit size</a>))</code>.
234239
Otherwise, equal to the <a>max-content size</a> in that axis.
235240

@@ -1254,7 +1259,7 @@ Changes</h2>
12541259
<li>Changed the ''*-content'' values applied to the bock axis
12551260
to not compute to the property’s initial value,
12561261
but to rather “behave as” the property’s initial value.
1257-
(<a href=https://github.com/w3c/csswg-drafts/issues/2708">#2708</a>)
1262+
(<a href="https://github.com/w3c/csswg-drafts/issues/2708">#2708</a>)
12581263
<li>Fixed miscellaneous trivial errors.
12591264
</ul>
12601265

0 commit comments

Comments
 (0)