You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css2/tables.html
+26-21Lines changed: 26 additions & 21 deletions
Original file line number
Diff line number
Diff line change
@@ -707,16 +707,16 @@ <h3>17.5.1 <a name="table-layers">Table layers and transparency</a></h3>
707
707
extends from the top of the cells in the top row to the bottom of
708
708
the cells on the bottom row and from the left edge of its leftmost
709
709
column to the right edge of its rightmost column. The background
710
-
extends to cover the full area of all cells that originate in the
711
-
column group, but this extension does not affect background image
712
-
positioning.
710
+
covers exactly the full area of all cells that originate in the
711
+
column group, even if they span outside the column group, but this
712
+
difference in area does not affect background image positioning.
713
713
714
714
<li>On top of the column groups are the areas representing the
715
715
column boxes. Each column is as tall as the column groups and as
716
716
wide as a normal (single-column-spanning) cell in the column. The
717
-
background extends to cover the full area of all cells that
718
-
originate in the column, even if they span outside the column, but
719
-
this extension does not affect background image positioning.
717
+
background covers exactly the full area of all cells that originate
718
+
in the column, even if they span outside the column, but this
719
+
difference in area does not affect background image positioning.
720
720
721
721
<li>Next is the layer containing the row groups. Each row group
722
722
extends from the top left corner of its topmost cell in the first
@@ -725,14 +725,17 @@ <h3>17.5.1 <a name="table-layers">Table layers and transparency</a></h3>
725
725
726
726
<li>The next to last layer contains the rows. Each row is as wide as
727
727
the row groups and as tall as a normal (single-row-spanning) cell in
728
-
the row. As with columns, the background extends to cover the full
728
+
the row. As with columns, the background covers exactly the full
729
729
area of all cells that originate in the row, even if they span
730
-
outside the row, but this extension does not affect background
731
-
image positioning.
730
+
outside the row, but this difference in area does not affect
731
+
background image positioning.
732
732
733
733
<li>The topmost layer contains the cells themselves. As the figure
734
734
shows, although all rows contain the same number of cells, not every
735
-
cell may have specified content. If the value of their <ahref="tables.html#propdef-empty-cells" class="noxref"><span
735
+
cell may have specified content.
736
+
In the <ahref="#separated-borders">separated borders model</a>
737
+
(<ahref="tables.html#propdef-border-collapse" class="noxref"><spanclass="propinst-border-collapse">'border-collapse'</span></a> is
738
+
'separate'), if the value of their <ahref="tables.html#propdef-empty-cells" class="noxref"><span
736
739
class="propinst-empty-cells">'empty-cells'</span></a> property is 'hide'
737
740
these "empty" cells are transparent through the cell, row, row
738
741
group, column and column group backgrounds, letting the table
@@ -744,31 +747,33 @@ <h3>17.5.1 <a name="table-layers">Table layers and transparency</a></h3>
744
747
as if an anonymous table-cell box occupied their position in the grid.
745
748
746
749
<divclass="html-example">
747
-
<p>In the following example, the first row contains four cells, but
748
-
the second row contains no cells, and thus the table background shines
749
-
through, except where a cell from the first row spans into this row.
750
-
The following HTML code and style rules.
750
+
<p>In the following example, the first row contains four non-empty
751
+
cells, but the second row contains only one non-empty cell, and thus
752
+
the table background shines through, except where a cell from the
753
+
first row spans into this row. The following HTML code and style rules
751
754
752
755
<pre>
753
756
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
754
757
<HTML>
755
758
<HEAD>
756
759
<TITLE>Table example</TITLE>
757
760
<STYLE type="text/css">
758
-
TABLE { background: #ff0; border: solid black;
759
-
empty-cells: hide }
760
-
TD { background: red; border: solid black }
761
+
TABLE { background: #ff0; border: solid black;
762
+
empty-cells: hide }
763
+
TR.top { background: red }
764
+
TD { border: solid black }
761
765
</STYLE>
762
766
</HEAD>
763
767
<BODY>
764
768
<TABLE>
765
-
<TR>
769
+
<TR CLASS="top">
766
770
<TD> 1
767
771
<TD rowspan="2"> 2
768
772
<TD> 3
769
773
<TD> 4
770
-
</TR>
771
-
<TR><TD></TD></TR>
774
+
<TR>
775
+
<TD> 5
776
+
<TD>
772
777
</TABLE>
773
778
</BODY>
774
779
</HTML>
@@ -781,7 +786,7 @@ <h3>17.5.1 <a name="table-layers">Table layers and transparency</a></h3>
781
786
in bottom row"><SPANclass="dlink"> <Aname="img-tbl-empty" href="images/longdesc/tbl-empty-desc.html" title="Long description of example illustrating background calculation
782
787
">[D]</A></SPAN>
783
788
784
-
<pclass="caption">Table with three empty cells in the bottom row.
789
+
<pclass="caption">Table with empty cells in the bottom row.
0 commit comments