[css2] Issues 87, 127, 152, 157, 158, 164, 165, 166, 168, 169

bert-github · bert-github · commit d820785c443c · 2005-04-25T18:20:48.000Z
--HG--
extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%402299
diff --git a/css2/about.src b/css2/about.src
@@ -2,7 +2,7 @@
   'http://www.w3.org/TR/html4/strict.dtd'>
 
 <html lang="en">
-<!-- $Id: about.src,v 2.58 2004-12-07 10:38:08 bbos Exp $ -->
+<!-- $Id: about.src,v 2.59 2005-04-25 18:20:48 bbos Exp $ -->
 <HEAD>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <TITLE>About the CSS&nbsp;2.1 Specification</TITLE>
@@ -126,7 +126,7 @@ and two indexes: one for
 and attributes</H3>
 
 <ul>
-<li>CSS property, descriptor, and pseudo-class names are delimited
+<li>CSS property and pseudo-class names are delimited
 by single quotes.
 <li>CSS values are delimited by single quotes.
 <li>Document language element names are in uppercase letters.
diff --git a/css2/properties/properties.db b/css2/properties/properties.db
@@ -414,7 +414,7 @@ table-cell | table-caption | none | inherit;;
   no;;
   N/A;;
   visual;;
-  absolute URI
+  absolute URI or none
 */
 /* background-repeat;;
   repeat | repeat-x | repeat-y | no-repeat | inherit;;
@@ -940,7 +940,7 @@ leftwards | rightwards | inherit;;
 */
 
 /* content;;
-  normal | [ <string> | <uri> | <counter> | attr(<identifier>) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit;;
+  normal | none | [ <string> | <uri> | <counter> | attr(<identifier>) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit;;
   normal;;
   :before and :after pseudo-elements;;
   no;;
diff --git a/css2/tables.src b/css2/tables.src
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: tables.src,v 2.82 2005-04-12 14:02:15 bbos Exp $ -->
+<!-- $Id: tables.src,v 2.83 2005-04-25 18:20:48 bbos Exp $ -->
 <head>
 <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
 <title>Tables</title>
@@ -942,10 +942,18 @@ following meanings:
     baseline instead.
 </dl>
 
-<p>The baseline of a cell is the baseline of the first <a
-href="visuren.html#line-box">line box</a> in the cell. If there is no
-text, the baseline is the baseline of whatever object is displayed in
-the cell, or, if it has none, the bottom of the cell box. The maximum
+<p>The baseline of a cell is the baseline of the first in-flow <a
+href="visuren.html#line-box">line box</a> in the cell, or the first
+in-flow table-row in the cell, whichever comes first. If there is no
+such line box or table-row, the baseline is the bottom of content edge
+of the cell box. For the purposes of finding a baseline, in-flow boxes
+with a scrolling mechanisms (see the <span
+class="propinst-overflow">'overflow'</span> property) must be
+considered as if scrolled to their origin position. Note that the
+baseline of a cell may end up below its bottom border, see the <a
+href="#baseline-below">example</a> below.
+
+<p>The maximum
 distance between the top of the cell box and the baseline over all
 cells that have 'vertical-align: baseline' is used to set the baseline
 of the row. Here is an example:
@@ -960,8 +968,10 @@ of the row. Here is an example:
 
 <p>Cell boxes 1 and 2 are aligned at their baselines. Cell box 2 has
 the largest height above the baseline, so that determines the baseline
-of the row. Note that if there is no cell box aligned at its baseline,
-the row will not have (nor need) a baseline.
+of the row.
+
+<p>If a row has no cell box aligned to its baseline, the baseline of
+that row is the bottom content edge of the lowest cell in the row.
 
 <p>To avoid ambiguous situations, the alignment of cells proceeds in
 the following order:
@@ -987,6 +997,24 @@ the following order:
 <p>Cell boxes that are smaller than the height of the row receive
 extra top or bottom padding.
 
+<div class=example id=baseline-below>
+<p>The cell in this example has a baseline below its bottom border,
+which leaves an empty space below the cell in its table row:
+
+<pre>
+div { height: 0; overflow: hidden; }
+
+&lt;table>
+ &lt;tr>
+  &lt;td>
+   &lt;div> Test &lt;/div>
+  &lt;/td>
+ &lt;/tr>
+&lt;/table>
+</pre>
+</div>
+
+
 <h3><a name="column-alignment">Horizontal alignment in a column</a></h3>
 
 <p>The horizontal alignment of a cell's content within a cell box is
@@ -1243,8 +1271,8 @@ table          { border-collapse: collapse;
                  border: 5px solid yellow; }
 *#col1         { border: 3px solid black; }
 td             { border: 1px solid red; padding: 1em; }
-td.solid-blue  { border: 5px dashed blue; }
-td.solid-green { border: 5px solid green; }
+td.cell5       { border: 5px dashed blue; }
+td.cell6       { border: 5px solid green; }
 </pre>
 
 <p>with this HTML source:
@@ -1260,8 +1288,8 @@ td.solid-green { border: 5px solid green; }
 &lt;/TR&gt;
 &lt;TR id=&quot;row2&quot;&gt;
     &lt;TD&gt; 4 
-    &lt;TD class="solid-blue"&gt; 5
-    &lt;TD class="solid-green"&gt; 6
+    &lt;TD class="cell5"&gt; 5
+    &lt;TD class="cell6"&gt; 6
 &lt;/TR&gt;
 &lt;TR id=&quot;row3&quot;&gt;
     &lt;TD&gt; 7
diff --git a/css2/visudet.src b/css2/visudet.src
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: visudet.src,v 2.103 2005-04-12 14:02:15 bbos Exp $ -->
+<!-- $Id: visudet.src,v 2.104 2005-04-25 18:20:48 bbos Exp $ -->
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <title>Visual formatting model details</title>
@@ -28,11 +28,14 @@ is defined as follows:</p>
 
 <ol>
 <li>The containing block in which the <a href="conform.html#root">root
-element</a> lives is the <a href="visuren.html#viewport">viewport</a>
+element</a> lives is a rectangle with the dimensions of the <a
+href="visuren.html#viewport">viewport</a>, anchored at the canvas
+origin
 for continuous media, and the page area for paged media. This
 containing block is called the <dfn><span class="index-def"
 title="initial containing block|containing block::initial">initial
-containing block</span></dfn>.
+containing block</span></dfn>. The 'direction' property of the initial
+containing block is the same as for the root element.
 </li>
 <li>For other elements, if the element's position is 'relative' or 'static',
 the containing block is formed by the content edge of the nearest
@@ -350,7 +353,8 @@ all of the above have a computed value other than 'auto', the values
 are said to be "over-constrained" and one of the used values will
 have to be different from its computed value. If the <span
 class="propinst-direction">'direction'</span> 
-property has the value 'ltr', the specified value of <span
+property of the containing block has the value 'ltr', the specified
+value of <span
 class="propinst-margin-right">'margin-right'</span> is ignored and the
 value is calculated so as to make the equality true. If the value of
 <span class="propinst-direction">'direction'</span> is 'rtl', this
@@ -454,7 +458,8 @@ elements is:</p>
   
 <p>If all three of 'left', 'width', and 'right' are 'auto': First set
 any 'auto' values for 'margin-left' and 'margin-right' to 0. Then, if
-'direction' is 'ltr' set 'left' to the <a
+the 'direction' property of the containing block is 'ltr' set 'left'
+to the <a
 href="#static-position">static position</a> and apply rule number
 three below; otherwise, set 'right' to the <a
 href="#static-position">static position</a> and apply rule number
@@ -464,11 +469,13 @@ one below.</p>
 'margin-right' are 'auto', solve the
 equation under the extra constraint that the two margins get equal
 values, unless this would make them negative, in which case when
-direction is 'ltr' ('rtl'), set 'margin-left' ('margin-right') to zero
+direction of the containing block is 'ltr' ('rtl'), set 'margin-left'
+('margin-right') to zero
 and solve for 'margin-right' ('margin-left'). If one of
 'margin-left' or 'margin-right' is 'auto', solve the equation for that
 value. If the values are over-constrained, ignore the value for 'left'
-(in case 'direction' is 'rtl') or 'right' (in case 'direction' is
+(in case the 'direction' property of the containing block is 'rtl') or
+'right' (in case 'direction' is
 'ltr') and solve for that value.</p>
 
 <p>Otherwise, set 'auto' values for 'margin-left' and 'margin-right'
@@ -480,7 +487,8 @@ to 0, and pick the one of the following six rules that applies.</p>
 width is shrink-to-fit. Then solve for 'left'</li>
 
 <li>'left' and 'right' are 'auto' and 'width' is not 'auto', then if
-'direction' is 'ltr' set 'left' to the <a
+the 'direction' property of the containing block is 'ltr' set 'left'
+to the <a
 href="#static-position">static position</a>, otherwise set 'right'
 to the <a href="#static-position">static position</a>. Then solve
 for 'left' (if 'direction is 'rtl') or 'right' (if 'direction' is
@@ -525,7 +533,8 @@ elements</a>.
 </li>
 <li>If both <span class="propinst-left">'left'</span> and <span
 class="propinst-right">'right'</span> have the value 'auto', then if
-'direction' is 'ltr', set <span class="propinst-left">'left'</span> to
+'direction' of the containing block is 'ltr', set <span
+class="propinst-left">'left'</span> to
 the static position; else if 'direction' is 'rtl', set <span
 class="propinst-right">'right'</span> to the static position.
 </li>
@@ -539,7 +548,8 @@ class="propinst-margin-left">'margin-left'</span> and <span
 class="propinst-margin-right">'margin-right'</span> are still 'auto',
 solve the equation under the extra constraint that the two margins
 must get equal values, unless this would make them negative, in which
-case when direction is 'ltr' ('rtl'), set <span
+case when the direction of the containing block is 'ltr' ('rtl'), set
+<span
 class="propinst-margin-left">'margin-left'</span> (<span
 class="propinst-margin-right">'margin-right'</span>) to zero and solve
 for <span class="propinst-margin-right">'margin-right'</span> (<span
@@ -549,8 +559,9 @@ class="propinst-margin-left">'margin-left'</span>).
 for that value.
 </li>
 <li>If at this point the values are over-constrained, ignore the value
-for either <span class="propinst-left">'left'</span> (in case <span
-class="propinst-direction">'direction'</span> is 'rtl') or <span
+for either <span class="propinst-left">'left'</span> (in case the
+<span class="propinst-direction">'direction'</span> property of the
+containing block is 'rtl') or <span
 class="propinst-right">'right'</span> (in case <span
 class="propinst-direction">'direction'</span> is 'ltr') and solve for
 that value.
@@ -1243,21 +1254,21 @@ subsequent lines to paint over the borders and text of previous lines.
 </p>
 <!-- #include src=properties/line-height.srb -->
 
-<p>If the property is set on a <a
+<p>On a <a
 href="visuren.html#block-level">block-level</a>, <span
 class="index-inst">table-cell</span>, <span
 class="index-inst">table-caption</span> or <span
 class="index-inst">inline-block</span> element whose content
 is composed of <a href="visuren.html#inline-level">inline-level</a>
-elements, it specifies the <em>minimal</em> height of line boxes
+elements, 'line-height' specifies the <em>minimal</em> height of line boxes
 within the element. The minimum height consists of a minimum height above
 the block's baseline and a minimum depth below it, exactly as if each
 line box starts with a <a name="strut">zero-width inline box with the
 block's font and line height properties (what T<sub>E</sub>X calls a
 "strut").</a>
 </p>
-<p>If the property is set on an <a
-href="visuren.html#inline-level">inline-level</a> element, it
+<p>On an <a
+href="visuren.html#inline-level">inline-level</a> element, 'line-height'
 specifies the height that is used in the calculation of the line box
 height (except for inline <a
 href="conform.html#replaced-element">replaced</a> elements, where the
