CSS2 Table Backgrounds Test Suite

Part D: Background with Borders

Background on 'table-row'

Three rows are styled.

The first row should have three aqua stripes just inside the bottom and right padding edges of its last cell. The bottom three stripes should continue across the row, appearing along the bottom of cells A, B, and C. (The bottom aqua stripe will be obscured by the thicker bottom border in cell B.)

The second row should have three vertical aqua stripes a few pixels to the right of the left padding edge. Three horizontal aqua stripes should cut across the first cell and align along the bottom border edge of cell G.

The third row should have three horizontal aqua stripes along the top of the last three cells, aligning along cell K's top padding edge. The stripes will not continue into cell E.

next
Background with Borders: Background on 'table-column'
previous
Background with Borders: Background on 'table-column-group'
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>