[css2] Issues 73, 115, 150, 152, 155, 163, 164 of http://wiki.csswg.org/spec/css2.1

bert-github · bert-github · commit 32ea56359a95 · 2010-05-12T15:27:05.000Z
--HG--
extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%402980
diff --git a/css2/visuren.src b/css2/visuren.src
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
 <html lang="en">
-<!-- $Id: visuren.src,v 2.157 2010-04-19 16:12:37 bbos Exp $ -->
+<!-- $Id: visuren.src,v 2.158 2010-05-12 15:27:05 bbos Exp $ -->
 <head>
 <title>Visual formatting model</title>
 <meta name="editor" lang="tr" content="Tantek &Ccedil;elik">
@@ -175,8 +175,8 @@ the relative positioning also affects the block box.
 rules:</p>
 
 <pre><code class="css">
-body { display: inline }
-p    { display: block }
+p    { display: inline }
+span { display: block }
 </code></pre>
 
 <p>were used with this HTML document:</p>
@@ -187,16 +187,18 @@ p    { display: block }
 &lt;TITLE&gt;Anonymous text interrupted by a block&lt;/TITLE&gt;
 &lt;/HEAD&gt;
 &lt;BODY&gt;
-<em>This is anonymous text before the P.</em>
-&lt;P&gt;This is the content of P.&lt;/P&gt;
-<em>This is anonymous text after the P.</em>
+&lt;P&gt;
+<em>This is anonymous text before the SPAN.</em>
+&lt;SPAN&gt;This is the content of SPAN.&lt;/SPAN&gt;
+<em>This is anonymous text after the SPAN.</em>
+&lt;/P&gt;
 &lt;/BODY&gt;
 </code></pre>
 
-<p>The BODY element contains a chunk (C1) of anonymous text followed
+<p>The P element contains a chunk (C1) of anonymous text followed
 by a block-level element followed by another chunk (C2) of anonymous
-text. The resulting boxes would be an anonymous block box around the BODY,
-containing an anonymous block box around C1, the P block box, and
+text. The resulting boxes would be an anonymous block box around the P,
+containing an anonymous block box around C1, the SPAN block box, and
 another anonymous block box around C2.
 </p></div>
 
@@ -209,7 +211,7 @@ margins will be 0.
 <p>
 Properties set on elements that cause anonymous block boxes to be 
 generated still apply to the boxes and content of that element. For 
-example, if a border had been set on the BODY element in the above 
+example, if a border had been set on the P element in the above 
 example, the border would be drawn around C1 (open at the end of the 
 line) and C2 (open at the start of the line).
 </p>
@@ -1294,46 +1296,49 @@ contexts.</a>
  <a href="#run-in">run-in boxes</a>,
 this property applies to the final block box to which the run-in box belongs.
 </p>
-<p><dfn id="clearance">Clearance</dfn> is introduced as spacing above the margin-top of an element.  It is used to push the element vertically (typically downward), past the float.
-</p>
+
 <p>Values have the following meanings when applied to non-floating
 block boxes:</p>
 
 <dl>
 <dt><strong>left</strong></dt>
 
-<dd>The clearance of the generated box is set to the amount necessary to place the
-top border edge below the bottom outer edge of any left-floating
-boxes that resulted from elements earlier in the source document.
+<dd>Requires that the top border edge of the box be below the bottom
+outer edge of any left-floating boxes that resulted from elements
+earlier in the source document.
 </dd>
 
 <dt><strong>right</strong></dt>
 
-<dd>The clearance of the generated box is set to the amount necessary to place the
-top border edge below the bottom outer edge of any right-floating
-boxes that resulted from elements earlier in the source document.
+<dd>Requires that the top border edge of the box be below the bottom
+outer edge of any right-floating boxes that resulted from elements
+earlier in the source document.
 </dd>
 
 <dt><strong>both</strong></dt>
 
-<dd>The clearance of the generated box is set to the amount necessary to place the
-top border edge below the bottom outer edge of any right-floating
-and left-floating boxes that resulted from elements earlier in the
-source document.
+<dd>Requires that the top border edge of the box be below the bottom
+outer edge of any right-floating and left-floating boxes that resulted
+from elements earlier in the source document.
 </dd>
 
 <dt><strong>none</strong></dt>
 
 <dd>No constraint on the box's position with respect to floats.</dd>
 </dl>
 
+<p>Values other than 'none' potentially introduce <dfn
+id="clearance">clearance.</dfn> Clearance inhibits margin collapsing
+and acts as spacing above the margin-top of an element. It is used to
+push the element vertically past the float.
+
 <p>
 Computing the clearance of an element on which 'clear' is set is done by first determining the hypothetical position of the element's top border edge within its parent block. This position is determined after the top margin of the element has been collapsed with previous adjacent margins (including the top margin of the parent block). 
 </p>
 <p>
 If this hypothetical position of the element's top border edge is not
-past the relevant floats, then its clearance must be set to the
-greater of:
+past the relevant floats, then clearance is introduced and must be set
+to the greater of:
 </p>
 <ol>
   <li>The amount necessary to place the border edge of the block even
@@ -1356,7 +1361,7 @@ greater of:
   </ul>
 </ol>
 <p class=note>
-Note: The clearance can be negative.
+Note: The clearance can be negative or zero.
 
 <div class=example>
 <p>An example of negative clearance is this situation, in which the
@@ -1378,10 +1383,10 @@ padding):
 margins would collapse and the last paragraph's top border edge would
 be flush with the top of the floating paragraph. But the 'clear'
 requires the top border edge to be <em>below</em> the float, i.e., 2em
-lower. That means that the margins must not collapse and clearance
-must be added such that <var>clearance</var> + <var>margin-top</var> =
-2em, i.e., <var>clearance</var> = 2em - <var>margin-top</var> = 2em -
-3em = -1em.
+lower. This means that clearance must be introduced.  Accordingly, the
+margins no longer collapse and the amount of clearance is set so that
+clearance + margin-top = 2em, i.e., clearance = 2em - margin-top = 2em
+- 3em = -1em.
 </div>
 
 <p>When the property is set on floating elements, it results in a
