W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

An example of a table with collapsed borders.
Example(s):
The next example shows a table with horizontal rules between the rows. The
top border of the table is set to ’hidden’ to suppress the top border of the first
row. This implements the "rules" attribute of HTML 4.0 (rules="rows").
TABLE[rules=rows] TR { border-top: solid }
TABLE[rules=rows] { border-collapse: collapse;
border-top: hidden }
a b c
3 4 5
5 12 13
Table with horizontal rules between the rows.
In this case the same effect can also be achieved without setting a ’hidden’
border on TABLE, by addressing the first row separately. Which method is
preferred is a matter of taste.
TR:first-child { border-top: none }
TR { border-top: solid }
Example(s):
Here is another example of hidden collapsing borders:
Table with two omitted internal borders.
HTML source:
foo
bar
foo
bar
17.6.3 Border styles
Some of the values of the ’border-style’ have different meanings in tables than for
other elements. In the list below they are marked with an asterisk.
none
No border.
*hidden
Same as ’none’, but in the collapsing border model [p. 263] , also inhibits
any other border (see the section on border conflicts [p. 264] ).
dotted
The border is a series of dots.
dashed
The border is a series of short line segments.
266