CSS2 Table Backgrounds Test Suite

Part D: Background with Borders

Background on 'table-column'

Three columns are styled.

In the first column, there should be three vertical stripes along the padding edge of the first cell, continuing down through the column. (In cell E, the aqua stripe will be obscured by the thicker right border.) The stripes will cut across cell E as well, but will be further obscured by its thick border. In the border-collapsed table, the same will happen to the vertical stripes in cell A due to cell B's thick border. The stripes should continue in the last cell, turning a right angle to the left into three aqua stripes along the bottom border edge of the last cell. The last cell (M) should not have three vertical stripes along its right edge.

In the second column, three vertical strips should run along the right of the first three cells, aligning along cell F's right padding edge. (The stripes will be partially obscured by cell B's thick border.)

In the third column, there should be three vertical stripes should run across the top of the first cell and down the left of the column, aligning along cell K's left padding edge. In border-collapse mode, they will be partially obscured by cell B's thick border.

next
Background with Borders: Background on 'table-cell'
previous
Background with Borders: Background on 'table-row'
contents
Table of Contents
With 'border-collapse: separate'
TH A TH B TH C TH D
TD M TD O TD P
TD E TD F TD G TD H
TD J TD K TD L
With 'border-collapse: collapse'
TH A TH B TH C TH D
TD M TD O TD P
TD E TD F TD G TD H
TD J TD K TD L
Valid HTML 4.01!
CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com>