Skip to content

Commit 8175d84

Browse files
committed
[css-sizing-4] Move paragraph.
1 parent 4849e77 commit 8175d84

File tree

1 file changed

+15
-14
lines changed

1 file changed

+15
-14
lines changed

css-sizing-4/Overview.bs

Lines changed: 15 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -148,20 +148,6 @@ Intrinsic Aspect Ratios: the 'aspect-ratio' property</h3>
148148
This property sets a <dfn export>preferred aspect ratio</dfn> for the box,
149149
which will be used in the calculation of ''height/auto'' sizes
150150
and some other layout functions.
151-
The box’s <a>automatic sizes</a>
152-
are calculated the same as for
153-
a <a>replaced element</a> with an <a>intrinsic aspect ratio</a>
154-
and no <a>intrinsic dimension</a> in that axis,
155-
see e.g. <a href="https://www.w3.org/TR/CSS2/visudet.html">CSS2 &sect;&#x202F;10</a>
156-
and <a href="https://www.w3.org/TR/css-flexbox-1/#algo-main-item">CSS Flexible Box Model Level 1 &sect;&#x202F;9.2</a>.
157-
158-
The axis in which the <a>preferred size</a> calculation
159-
depends on this aspect ratio
160-
is called the <dfn export>ratio-dependent axis</dfn>,
161-
and the resulting size is <a>definite</a>
162-
if its input sizes are also <a>definite</a>.
163-
The opposite axis (on which the [=ratio-dependent axis=] size depends)
164-
is the <dfn export>ratio-determining axis</dfn>.
165151

166152
<dl dfn-for="aspect-ratio" dfn-type="value">
167153
<dt><dfn>auto</dfn>
@@ -190,6 +176,21 @@ Intrinsic Aspect Ratios: the 'aspect-ratio' property</h3>
190176
work with the [=content box=] dimensions always.
191177
</dl>
192178

179+
When a box has a [=preferred aspect ratio=],
180+
its <a>automatic sizes</a>
181+
are calculated the same as for
182+
a <a>replaced element</a> with an <a>intrinsic aspect ratio</a>
183+
and no <a>intrinsic dimension</a> in that axis,
184+
see e.g. <a href="https://www.w3.org/TR/CSS2/visudet.html">CSS2 &sect;&#x202F;10</a>
185+
and <a href="https://www.w3.org/TR/css-flexbox-1/#algo-main-item">CSS Flexible Box Model Level 1 &sect;&#x202F;9.2</a>.
186+
The axis in which the <a>preferred size</a> calculation
187+
depends on this aspect ratio
188+
is called the <dfn export>ratio-dependent axis</dfn>,
189+
and the resulting size is <a>definite</a>
190+
if its input sizes are also <a>definite</a>.
191+
The opposite axis (on which the [=ratio-dependent axis=] size depends)
192+
is the <dfn export>ratio-determining axis</dfn>.
193+
193194
Note: If a box has both a 'width' and a 'height'
194195
that are not <a lt="automatic size">automatic</a>
195196
(or, in the case of a <a>flex item</a>,

0 commit comments

Comments
 (0)