Skip to content

Commit 260f424

Browse files
ianbjacobsianbjacobs
committed
[css2] Added some markup
--HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%401605
1 parent 1f2bb23 commit 260f424

1 file changed

Lines changed: 40 additions & 29 deletions

File tree

‎css2/visudet.src‎

Lines changed: 40 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22
<html lang="en">
3-
<!-- $Id: visudet.src,v 2.39 1998-04-30 23:21:33 ijacobs Exp $ -->
3+
<!-- $Id: visudet.src,v 2.40 1998-04-30 23:42:42 ijacobs Exp $ -->
44
<HEAD>
55
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66
<TITLE>Visual formatting model details</TITLE>
@@ -42,12 +42,12 @@ block depends on the <span
4242
class="propinst-direction">'direction'</span> property of the
4343
ancestor:
4444
<ol>
45-
<li>If the 'direction' is 'ltr', the top and left of the containing
45+
<li>If the <span class="propinst-direction">'direction'</span> is 'ltr', the top and left of the containing
4646
block are the top and left content edges of the first box generated by
4747
the ancestor, and the bottom and right are the bottom and right
4848
content edges of the last box of the ancestor.
4949

50-
<li>If the 'direction' is 'rtl', the top and right are the top and
50+
<li>If the <span class="propinst-direction">'direction'</span> is 'rtl', the top and right are the top and
5151
right edges of the first box of the ancestor, and the bottom and left
5252
are the bottom and left content edges of the ancestor.
5353
</ol>
@@ -407,10 +407,11 @@ must get equal values.
407407
for that value.
408408

409409
<li>If at this point the values are over-constrained, ignore the value
410-
for either 'left' (in case <span
411-
class="propinst-direction">'direction'</span> is 'rtl') or 'right' (in
412-
case <span class="propinst-direction">'direction'</span> is 'ltr') and
413-
solve for that value.
410+
for either <span class="propinst-left">'left'</span> (in case <span
411+
class="propinst-direction">'direction'</span> is 'rtl') or <span
412+
class="propinst-right">'right'</span> (in case <span
413+
class="propinst-direction">'direction'</span> is 'ltr') and solve for
414+
that value.
414415
</ol>
415416

416417

@@ -437,7 +438,8 @@ generated box's
437438

438439
<dt><strong>none</strong>
439440

440-
<dd>(Only on 'max-width') No limit on the width of the box.
441+
<dd>(Only on <span class="propinst-max-width">'max-width'</span>) No
442+
limit on the width of the box.
441443
</dl>
442444

443445
<P>The following algorithm describes how the two properties influence
@@ -461,14 +463,14 @@ value of <span class="propinst-min-width">'min-width'</span>.
461463
<LI>If the computed width is greater than <span
462464
class="propinst-max-width">'max-width'</span>, the rules <a
463465
href="#Computing_widths_and_margins">above</a> are applied again, but
464-
this time using the value of 'max-width' as the specified value for
465-
'width'.
466+
this time using the value of <span class="propinst-max-width">'max-width'</span> as the specified value for
467+
<span class="propinst-width">'width'</span>.
466468

467469
<LI>If the computed width is smaller than <span
468470
class="propinst-min-width">'min-width'</span>, the rules <a
469471
href="#Computing_widths_and_margins">above</a> are applied again, but
470-
this time using the value of 'min-width' as the specified value for
471-
'width'.
472+
this time using the value of <span class="propinst-min-width">'min-width'</span> as the specified value for
473+
<span class="propinst-width">'width'</span>.
472474

473475
</OL>
474476

@@ -538,8 +540,8 @@ to the <span class="propinst-overflow">'overflow'</span> property.
538540
<h2><a name="Computing_heights_and_margins">Computing heights and
539541
margins</a></h2>
540542

541-
<p>For computing the values of 'top', 'margin-top', 'height',
542-
'margin-bottom', and 'bottom' a distinction must be made between
543+
<p>For computing the values of <span class="propinst-top">'top'</span>, <span class="propinst-margin-top">'margin-top'</span>, <span class="propinst-height">'height'</span>,
544+
<span class="propinst-margin-bottom">'margin-bottom'</span>, and <span class="propinst-bottom">'bottom'</span> a distinction must be made between
543545
various kinds of boxes:
544546

545547
<ol>
@@ -555,23 +557,32 @@ various kinds of boxes:
555557

556558
<H3>Inline, non-replaced elements</H3>
557559

558-
<p>If 'top', 'bottom', 'margin-top' or 'margin-bottom' are 'auto',
559-
their computed value is 0. 'Height' doesn't apply, but the height of
560-
the box is given by the 'line-height' property.
560+
<p>If <span class="propinst-top">'top'</span>, <span
561+
class="propinst-bottom">'bottom'</span>, <span
562+
class="propinst-margin-top">'margin-top'</span>, or <span
563+
class="propinst-margin-bottom">'margin-bottom'</span> are 'auto',
564+
their computed value is 0. The <span
565+
class="propinst-height">'height'</span> property doesn't apply, but
566+
the height of the box is given by the <span
567+
class="propinst-line-height">'line-height'</span> property.
561568

562569
<H3>Inline, replaced elements
563570
block-level, replaced elements in normal flow, and
564571
floating, replaced elements</H3>
565572

566-
<p>If 'top', 'bottom', 'margin-top' or 'margin-bottom' are 'auto',
567-
their computed value is 0. If 'height' is 'auto', the computed value
573+
<p>If <span class="propinst-top">'top'</span>, <span
574+
class="propinst-bottom">'bottom'</span>, <span
575+
class="propinst-margin-top">'margin-top'</span>, or <span
576+
class="propinst-margin-bottom">'margin-bottom'</span> are 'auto',
577+
their computed value is 0. If <span
578+
class="propinst-height">'height'</span> is 'auto', the computed value
568579
is the intrinsic height.
569580

570581
<H3>Block-level, non-replaced elements in normal flow, and
571582
floating, non-replaced elements</H3>
572583

573-
<p>If 'top', 'bottom', 'margin-top' or 'margin-bottom' are 'auto',
574-
their computed value is 0. If 'height' is 'auto', the height depends
584+
<p>If <span class="propinst-top">'top'</span>, <span class="propinst-bottom">'bottom'</span>, <span class="propinst-margin-top">'margin-top'</span>, or <span class="propinst-margin-bottom">'margin-bottom'</span> are 'auto',
585+
their computed value is 0. If <span class="propinst-height">'height'</span> is 'auto', the height depends
575586
on whether the element has any block-level children. If it only has
576587
inline-level children, the height is from the top of the topmost line
577588
box to the bottom of the bottommost line box. If it has block-level
@@ -607,7 +618,7 @@ to make a guess at its probable position.) The value is negative if
607618
the hypothetical box is above the containing block.
608619

609620
<li>If both <span class="propinst-height">'height'</span> and <span
610-
class="propinst-bottom">'bottom'</span> are 'auto', replace 'bottom'
621+
class="propinst-bottom">'bottom'</span> are 'auto', replace <span class="propinst-bottom">'bottom'</span>
611622
with 0.
612623

613624
<li>If <span class="propinst-bottom">'bottom'</span> or <span
@@ -641,7 +652,7 @@ sequence of substitutions is now:
641652
substitute the element's <a href="#intrinsic-width">intrinsic</a>
642653
height.
643654

644-
<li>If <span class="propinst-left">'top'</span> has the value 'auto',
655+
<li>If <span class="propinst-top">'top'</span> has the value 'auto',
645656
replace it with the distance from the top edge of the containing block
646657
to the top margin edge of a hypothetical box that would have been the
647658
first box of the element if its <span
@@ -693,7 +704,7 @@ If the height of the containing block is not
693704
specified explicitly (i.e., it depends on content height), the
694705
percentage value is interpreted like 'auto'.
695706
<dt><strong>none</strong>
696-
<dd>(Only on 'max-height') No limit on the height of the box.
707+
<dd>(Only on <span class="propinst-max-height">'max-height'</span>) No limit on the height of the box.
697708
</dl>
698709

699710
<P>The following algorithm describes how the two properties influence
@@ -717,14 +728,14 @@ class="propinst-max-height">'max-height'</span> is set to the value of
717728
<LI>If the computed height is greater than <span
718729
class="propinst-max-height">'max-height'</span>, the rules <a
719730
href="#Computing_heights_and_margins">above</a> are applied again, but
720-
this time using the value of 'max-height' as the specified value for
721-
'height'.
731+
this time using the value of <span class="propinst-max-height">'max-height'</span> as the specified value for
732+
<span class="propinst-height">'height'</span>.
722733

723734
<LI>If the computed height is smaller than <span
724735
class="propinst-min-height">'min-height'</span>, the rules <a
725736
href="#Computing_heights_and_margins">above</a> are applied again, but
726-
this time using the value of 'min-height' as the specified value for
727-
'height'.
737+
this time using the value of <span class="propinst-min-height">'min-height'</span> as the specified value for
738+
<span class="propinst-height">'height'</span>.
728739

729740
</OL>
730741

@@ -749,7 +760,7 @@ class="propinst-line-height">'line-height'</span> property).
749760
<li>The inline boxes are aligned vertically according
750761
to their <span class="propinst-vertical-align">'vertical-align'</span>
751762
property. <!-- If an element
752-
has the values 'top' or 'bottom' for this property, only
763+
has the values <span class="propinst-top">'top'</span> or <span class="propinst-bottom">'bottom'</span> for this property, only
753764
the height of the generated boxes affects the line box
754765
height calculation; the boxes cannot be aligned until the
755766
line box has been fully constructed. -->

0 commit comments

Comments
 (0)