File tree 1 file changed +2
-20
lines changed
1 file changed +2
-20
lines changed Original file line number Diff line number Diff line change @@ -185,24 +185,6 @@ Intrinsic Aspect Ratios: the 'aspect-ratio' property</h3>
185
185
taking into account the ''height/min-content'' minimum.
186
186
</div>
187
187
188
- <h3 id="from-ratio">
189
- Aspect Ratio Limits Option A: the ''from-ratio''</h3>
190
-
191
- <pre class="partial propdef">
192
- Name : min-width, min-height, max-width, max-height
193
- New Values : from-ratio
194
- Computed value : keyword as specified
195
- </pre>
196
-
197
- The <dfn type=value for="min-width, min-height, max-width, max-height">from-ratio</dfn> keyword
198
- specifies that the used value of the property
199
- is calculated from the used size of the opposite dimension
200
- converted through the aspect ratio.
201
- If the box has no aspect ratio,
202
- then an aspect ratio of 1:1 is assumed.
203
-
204
- ISSUE: Define a table of all the ways this creates conflicts and cycles and break them.
205
-
206
188
<div class="example">
207
189
In the following example,
208
190
the box is as wide as the container (as usual),
@@ -212,8 +194,8 @@ Aspect Ratio Limits Option A: the ''from-ratio''</h3>
212
194
<pre>
213
195
div {
214
196
aspect-ratio: 1/1;
215
- min-height: from-ratio ;
216
- height: max-content;
197
+ min-height: max-content ;
198
+ /* 'width' and ' height' both default to 'auto' */
217
199
}
218
200
</pre>
219
201
You can’t perform that action at this time.
0 commit comments