11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22<html lang="en">
3- <!-- $Id: visudet.src,v 2.46 1999-11-04 21:35:35 ijacobs Exp $ -->
3+ <!-- $Id: visudet.src,v 2.47 2000-07-26 14:40:15 ijacobs Exp $ -->
44<HEAD>
55<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66<TITLE>Visual formatting model details</TITLE>
@@ -218,7 +218,7 @@ class="propinst-margin-left">'margin-left'</span> or <span
218218class="propinst-margin-right">'margin-right'</span> becomes a computed
219219value of '0'.
220220
221- <h3>Inline, replaced elements</h3>
221+ <h3><a name="inline-replaced-width"> Inline, replaced elements</a> </h3>
222222
223223<p>A specified value of 'auto' for <span
224224class="propinst-left">'left'</span>, <span
@@ -227,7 +227,19 @@ class="propinst-margin-left">'margin-left'</span> or <span
227227class="propinst-margin-right">'margin-right'</span> becomes a computed
228228value of '0'. A specified value of 'auto' for <span
229229class="propinst-width">'width'</span> gives the element's <a
230- href="conform.html#intrinsic">intrinsic</a> width as the computed value.
230+ href="conform.html#intrinsic">intrinsic</a> width as the computed
231+ value. If <span class="propinst-width">'width'</span> has a specified
232+ value of 'auto' and <span class="propinst-height">'height'</span> also
233+ has a specified value of 'auto', the element's intrinsic width is the
234+ computed value of <span class="propinst-width">'width'</span>. If
235+ <span class="propinst-width">'width'</span> has a specified value of
236+ 'auto' and <span class="propinst-height">'height'</span> has some
237+ other specified value, then the computed value of <span
238+ class="propinst-width">'width'</span> is:</P>
239+
240+ <PRE>
241+ (intrinsic width) * ( (computed height) / (intrinsic height) )
242+ </PRE>
231243
232244<h3>Block-level, non-replaced elements in normal flow</h3>
233245
@@ -274,12 +286,13 @@ to the edges of the containing block.
274286
275287<p>If <span class="propinst-left">'left'</span> or <span
276288class="propinst-right">'right'</span> are 'auto', their computed value
277- is 0. If <span class="propinst-width">'width'</span> is specified as
278- 'auto', its value is the element's <a
279- href="conform.html#intrinsic">intrinsic</a> width. If one of the margins is
280- 'auto', its computed value is given by the <a
281- href="#width-constraints">constraints</a> above. Furthermore, if both
282- margins are 'auto', their computed values are equal.
289+ is 0. The computed value of
290+ <span class="propinst-width">'width'</span> is determined
291+ as for <a href="#inline-replaced-width">inline replaced
292+ elements</a>.
293+ If one of the margins is 'auto', its computed value is given by the
294+ <a href="#width-constraints">constraints</a> above. Furthermore, if
295+ both margins are 'auto', their computed values are equal.
283296
284297<h3>Floating, non-replaced elements</h3>
285298
@@ -296,8 +309,11 @@ class="propinst-margin-right">'margin-right'</span> are specified as
296309class="propinst-right">'right'</span>, <span
297310class="propinst-margin-left">'margin-left'</span> or <span
298311class="propinst-margin-right">'margin-right'</span> are specified as
299- 'auto', their computed value is '0'. If 'width' is 'auto', its value
300- is the element's <a href="conform.html#intrinsic">intrinsic</a> width.
312+ 'auto', their computed value is '0'.
313+ The computed value of
314+ <span class="propinst-width">'width'</span> is determined
315+ as for <a href="#inline-replaced-width">inline replaced
316+ elements</a>.
301317
302318<h3><a name="abs-non-replaced-width">Absolutely positioned, non-replaced elements</a></h3>
303319
@@ -375,9 +391,10 @@ element has an <a href="conform.html#intrinsic">intrinsic</a> width. The
375391sequence of substitutions is now:</p>
376392
377393<ol>
378- <li>If <span class="propinst-width">'width'</span> is 'auto',
379- substitute the element's <a
380- href="conform.html#intrinsic">intrinsic</a> width.
394+ <li>The computed value of
395+ <span class="propinst-width">'width'</span> is determined
396+ as for <a href="#inline-replaced-width">inline replaced
397+ elements</a>.
381398
382399<li>If <span class="propinst-left">'left'</span>
383400has the value 'auto' while <span
@@ -584,19 +601,29 @@ are found in different fonts), the height of the content area is not
584601defined by this specification. However, we recommend that the largest
585602font size determine the content height.
586603
587- <H3>Inline, replaced elements
588- block-level, replaced elements in normal flow, and
589- floating, replaced elements</H3>
604+ <H3><a name="inline-replaced-height"> Inline replaced elements</a>,
605+ block-level replaced elements in normal flow, and
606+ floating replaced elements</H3>
590607
591608<p>If <span class="propinst-top">'top'</span>, <span
592609class="propinst-bottom">'bottom'</span>, <span
593610class="propinst-margin-top">'margin-top'</span>, or <span
594611class="propinst-margin-bottom">'margin-bottom'</span> are 'auto',
595- their computed value is 0. If <span
596- class="propinst-height">'height'</span> is 'auto', the computed value
597- is the <a href="conform.html#intrinsic">intrinsic</a> height.
612+ their computed value is 0.
613+ If <span class="propinst-height">'height'</span> has a specified value
614+ of 'auto' and <span class="propinst-width">'width'</span>. also has a
615+ specified value of 'auto', the element's intrinsic height is the
616+ computed value of <span class="propinst-height">'height'</span>. If
617+ <span class="propinst-height">'height'</span> has a specified value of
618+ 'auto' and <span class="propinst-width">'width'</span>. has some
619+ other specified value, then the computed value of <span
620+ class="propinst-height">'height'</span> is:
621+
622+ <PRE>
623+ (intrinsic height) * ( (computed width) / (intrinsic width) )
624+ </PRE>
598625
599- <H3>Block-level, non-replaced elements in normal flow, and
626+ <H3>Block-level, non-replaced elements in normal flow and
600627floating, non-replaced elements</H3>
601628
602629<p>If <span class="propinst-top">'top'</span>, <span
@@ -681,9 +708,11 @@ element has an <a href="conform.html#intrinsic">intrinsic</a> height. The
681708sequence of substitutions is now:
682709
683710<ol>
684- <li>If <span class="propinst-height">'height'</span> is 'auto',
685- substitute the element's <a href="conform.html#intrinsic">intrinsic</a>
686- height.
711+ <li>
712+ The computed value of
713+ <span class="propinst-height">'height'</span> is determined
714+ as for <a href="#inline-replaced-height">inline replaced
715+ elements</a>.
687716
688717<li>If <span class="propinst-top">'top'</span> has the value 'auto',
689718replace it with the distance from the top edge of the containing block
0 commit comments