@@ -211,47 +211,6 @@ Intrinsic Aspect Ratios: the 'aspect-ratio' property</h3>
211211 </pre>
212212 </div>
213213
214- <h3 id="ar-width-height">
215- Aspect Ratio Limits Option B: the ''tr'' unit</h3>
216-
217- <pre class="partial propdef">
218- Name : min-width, min-height, max-width, max-height
219- New Values : <<transfer-ratio>>
220- Computed value : ''tr'' dimension value
221- </pre>
222-
223- The <dfn type=value for="min-width, min-height, max-width, max-height"><<transfer-ratio>></dfn> value,
224- which is a <a>dimension</a> with the unit ''tr'' ,
225- specifies that the used value of the property
226- is calculated from the used size of the opposite dimension
227- multiplied by the ''tr'' value.
228-
229- ISSUE: Define a table of all the ways this creates conflicts and cycles and break them.
230-
231- <div class="example">
232- In the following example,
233- the box is as wide as the container (as usual),
234- and its height is as tall as needed to contain its content
235- but at least as tall as it is wide.
236-
237- <pre>
238- div {
239- min-height: 1tr;
240- }
241- </pre>
242-
243- <pre class="figure">
244- +----------+ +----------+ +----------+
245- | ~~~~~~~~ | | ~~~~~~~~ | | ~~~~~~~~ |
246- | ~~~~~~~~ | | ~~~~~~~~ | | ~~~~~~~~ |
247- | ~~~~~~~ | | ~~~~~~~~ | | ~~~~~~~~ |
248- | | | ~~~ | | ~~~~~~~~ |
249- +----------+ +----------+ | ~~~~~~~~ |
250- | ~~~~~~ |
251- +----------+
252- </pre>
253- </div>
254-
255214<h2 id='intrinsic'>
256215Intrinsic Size Determination</h2>
257216
0 commit comments