11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
22<html lang="en">
3- <!-- $Id: tables.src,v 2.93 2006-01-24 06:50 :24 bbos Exp $ -->
3+ <!-- $Id: tables.src,v 2.94 2006-04-06 21:32 :24 bbos Exp $ -->
44<head>
55<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
66<title>Tables</title>
@@ -635,16 +635,16 @@ background.
635635 extends from the top of the cells in the top row to the bottom of
636636 the cells on the bottom row and from the left edge of its leftmost
637637 column to the right edge of its rightmost column. The background
638- extends to cover the full area of all cells that originate in the
639- column group, but this extension does not affect background image
640- positioning.
638+ covers exactly the full area of all cells that originate in the
639+ column group, even if they span outside the column group, but this
640+ difference in area does not affect background image positioning.
641641
642642 <li>On top of the column groups are the areas representing the
643643 column boxes. Each column is as tall as the column groups and as
644644 wide as a normal (single-column-spanning) cell in the column. The
645- background extends to cover the full area of all cells that
646- originate in the column, even if they span outside the column, but
647- this extension does not affect background image positioning.
645+ background covers exactly the full area of all cells that originate
646+ in the column, even if they span outside the column, but this
647+ difference in area does not affect background image positioning.
648648
649649 <li>Next is the layer containing the row groups. Each row group
650650 extends from the top left corner of its topmost cell in the first
@@ -653,14 +653,17 @@ background.
653653
654654 <li>The next to last layer contains the rows. Each row is as wide as
655655 the row groups and as tall as a normal (single-row-spanning) cell in
656- the row. As with columns, the background extends to cover the full
656+ the row. As with columns, the background covers exactly the full
657657 area of all cells that originate in the row, even if they span
658- outside the row, but this extension does not affect background
659- image positioning.
658+ outside the row, but this difference in area does not affect
659+ background image positioning.
660660
661661 <li>The topmost layer contains the cells themselves. As the figure
662662 shows, although all rows contain the same number of cells, not every
663- cell may have specified content. If the value of their <span
663+ cell may have specified content.
664+ In the <a href="#separated-borders">separated borders model</a>
665+ (<span class="propinst-border-collapse">'border-collapse'</span> is
666+ 'separate'), if the value of their <span
664667 class="propinst-empty-cells">'empty-cells'</span> property is 'hide'
665668 these "empty" cells are transparent through the cell, row, row
666669 group, column and column group backgrounds, letting the table
@@ -672,31 +675,33 @@ occupied by an element or pseudo-element. Missing cells are rendered
672675as if an anonymous table-cell box occupied their position in the grid.
673676
674677<div class="html-example">
675- <p>In the following example, the first row contains four cells, but
676- the second row contains no cells , and thus the table background shines
677- through, except where a cell from the first row spans into this row.
678- The following HTML code and style rules.
678+ <p>In the following example, the first row contains four non-empty
679+ cells, but the second row contains only one non-empty cell , and thus
680+ the table background shines through, except where a cell from the
681+ first row spans into this row. The following HTML code and style rules
679682
680683<pre>
681684<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
682685<HTML>
683686 <HEAD>
684687 <TITLE>Table example</TITLE>
685688 <STYLE type="text/css">
686- TABLE { background: #ff0; border: solid black;
687- empty-cells: hide }
688- TD { background: red; border: solid black }
689+ TABLE { background: #ff0; border: solid black;
690+ empty-cells: hide }
691+ TR.top { background: red }
692+ TD { border: solid black }
689693 </STYLE>
690694 </HEAD>
691695 <BODY>
692696 <TABLE>
693- <TR>
697+ <TR CLASS="top" >
694698 <TD> 1
695699 <TD rowspan="2"> 2
696700 <TD> 3
697701 <TD> 4
698- </TR>
699- <TR><TD></TD></TR>
702+ <TR>
703+ <TD> 5
704+ <TD>
700705 </TABLE>
701706 </BODY>
702707</HTML>
@@ -708,7 +713,7 @@ The following HTML code and style rules.
708713 <p><img src="images/tbl-empty.png" alt="Table with three empty cells
709714 in bottom row">
710715
711- <p class="caption">Table with three empty cells in the bottom row.
716+ <p class="caption">Table with empty cells in the bottom row.
712717</div>
713718</div>
714719
0 commit comments