[css2]

ianbjacobs · ianbjacobs · commit e7a3dd71df44 · 1999-11-02T17:39:30.000Z
- Some reordering into top, right, bottom, left order
- Removed statement from box padding about containing block
- s/height/box height in second-to-last para before 8.2
- Last para before 8.2:
  Border properties do not determing background of borders.
- Added to 8.3 and 8.5

   These properties apply to all elements, but vertical
    margins will not have any effect on non-replaced inline elements.
    Conforming HTML user agents may ignore the margin
    properties on the HTML element.

- To 8.3.1 added this note: Adjoining boxes may be generated
          by elements that are not related as siblings or ancestors.

- To 8.5.3: The color of borders drawn for values of 'groove', 'ridge', 'inset', and
    'outset' depends on the element's border color properties.
  (s/color/border color)

--HG--
extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%401759
diff --git a/css2/box.src b/css2/box.src
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: box.src,v 1.18 1998-06-08 14:39:04 ijacobs Exp $ -->
+<!-- $Id: box.src,v 1.19 1999-11-02 17:39:30 ijacobs Exp $ -->
 <HEAD>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <TITLE>Box model</TITLE>
@@ -36,9 +36,9 @@ to pieces of margin, border, and padding:</P>
      alt="Image illustrating the relationship between content, padding, borders, and margins."></P>
 </div>
 
-<P>The margin, border, and padding can be broken down into left,
-right, top, and bottom segments (e.g., in the diagram, "LM" for left
-margin, "RP" for right padding, "TB" for top border, etc.).
+<P>The margin, border, and padding can be broken down into top, right,
+bottom, and left segments (e.g., in the diagram, "LM" for left margin,
+"RP" for right padding, "TB" for top border, etc.).
 
 <P>The perimeter of each of the four areas (content, padding, border,
 and margin) is called an "edge", so each box has four edges:</P>
@@ -51,8 +51,6 @@ or <span class="index-def" title="inner edge"><a name="inner-edge"><strong>inner
 <dt><span class="index-def" title="padding edge"><a name="padding-edge"><strong>padding edge</strong></a></span>
 <dd>The padding edge surrounds the box padding. If the padding
 has 0 width, the padding edge is the same as the content edge.
-The padding edge of a box defines the edges of the
-<a href="visuren.html#containing-block">containing block</a> established by the box.
 <dt><span class="index-def" title="border edge"><a name="border-edge"><strong>border edge</strong></a></span>
 <dd>The border edge surrounds the box's border. If the border
 has 0 width, the border edge is the same as the padding edge.
@@ -63,8 +61,8 @@ edge</strong></a></span>
 has 0 width, the margin edge is the same as the border edge.
 </dl>
 
-<P>Each edge may be broken down into a left, right, top, and bottom
-edge. 
+<P>Each edge may be broken down into a top, right, bottom, and left
+edge.
 
 <P>The dimensions of the content area of a box -- the <span
 class="index-def" title="box::content width"><a
@@ -83,24 +81,14 @@ model details</a>.
 name="the-box-width"><dfn>box width</dfn></a></span> is given by the
 sum of the left and right margins, border, and padding, and the
 content width. The <span class="index-def" title="box::height"><a
-name="the-box-height"><dfn>height</dfn></a></span> is given by the sum
+name="the-box-height"><dfn>box height</dfn></a></span> is given by the sum
 of the top and bottom margins, border, and padding, and the content
 height.
 
-<P>The background style of the various areas of a box are determined
-as follows:</p>
-
-<ul>
-<li><em>Content area</em>: The <span
-class="propinst-background">'background'</span> property of 
-the generating element.
-<li><em>Padding area</em>: The <span
-class="propinst-background">'background'</span> property of 
-the generating element.
-<li><em>Border area</em>: The <a href="#border-properties">
-border properties</a> of the generating element.
-<li><em>Margin area</em>: Margins are always transparent.
-</ul>
+<P>The background style of the content, padding, and border areas of a
+box is specified by the <span
+class="propinst-background">'background'</span> property of the
+generating element. Margin backgrounds are always transparent.
 
 <H2><a name="mpb-examples">Example of margins, padding, and borders</a></H2> 
 
@@ -192,10 +180,13 @@ content areas shines through them.
 <span class="propinst-margin">'margin'</span></H2>
 
 <P>Margin properties specify the width of the <a
-href="#box-margin-area">margin area</a> of a box.  The
-<span class="propinst-margin">'margin'</span> shorthand property sets
-the margin for all four sides while the other margin properties only
-set their respective side. 
+href="#box-margin-area">margin area</a> of a box.  The <span
+class="propinst-margin">'margin'</span> shorthand property sets the
+margin for all four sides while the other margin properties only set
+their respective side.  These properties apply to all elements, but
+vertical margins will not have any effect on non-replaced inline
+elements. <a href="conform.html#conformance">Conforming HTML user
+agents</a> may ignore the margin properties on the HTML element.
 
 <P>The properties defined in this section refer to the <span
 class="index-def" title="&lt;margin-width&gt;::definition of"><a
@@ -224,6 +215,7 @@ margins</a> for behavior.
 implementation-specific limits. 
 
 <!-- #include src=properties/margin-top.srb -->
+<!-- #include src=properties/margin-right.srb -->
 
 <P>These properties set the top, right, bottom, and left margin of a
 box.
@@ -296,6 +288,8 @@ In the case of negative margins, the absolute maximum of the negative
 adjoining margins is deducted from the maximum of the positive
 adjoining margins. If there are no positive margins, the absolute
 maximum of the negative adjoining margins is deducted from zero.
+<strong>Note.</strong> Adjoining boxes may be generated by
+elements that are not related as siblings or ancestors.
 
 <li>Vertical margins between a <a
 href="visuren.html#floats">floated</a> box and any other box do not
@@ -304,6 +298,7 @@ collapse.
 <li>Margins of <a
 href="visuren.html#absolutely-positioned">absolutely</a> and
 relatively positioned boxes do not collapse.
+
 </ul>
 
 <P>Please
@@ -399,8 +394,10 @@ font in use.
 <H2><a name="border-properties">Border properties</a></H2>
 
 <P>The border properties specify the width, color, and style of the <a
-href="#box-border-area">border area</a> of a box. These
-properties apply to all elements.
+href="#box-border-area">border area</a> of a box. These properties
+apply to all elements.  <a href="conform.html#conformance">Conforming
+HTML user agents</a> may ignore the border properties on the HTML
+element.
 
 
 <div class="note"><P>
@@ -571,18 +568,18 @@ into the canvas.
 <dd>The opposite of 'grove': the border
 looks as though it were coming out of the canvas.
 <dt><strong><span class="index-def" title="'inset'"><a name="value-def-inset" class="value-def">inset</a></span></strong>
-<dd>The border makes the entire box look as though
+<dd>The border makes the box look as though
 it were embedded in the canvas.
 <dt><strong><span class="index-def" title="'outset'"><a name="value-def-outset" class="value-def">outset</a></span></strong>
 <dd>The opposite of 'inset': the
-border makes the entire box look as though
+border makes the box look as though
 it were coming out of the canvas.
 </dl>
 
 <P>All borders are drawn on top of the box's background. The color of
 borders drawn for values of 'groove', 'ridge', 'inset', and 'outset'
-depends on the element's <span class="propinst-color">'color'</span>
-property.
+depends on the element's <a href="#border-color-properties">border
+color properties</a>.
 
 <P><span class="index-inst" title="conformance"><a
 href="conform.html#conformance">Conforming HTML user agents</a></span> may
