CSS2 Table Backgrounds Test Suite

Notes

This test suite is not endorsed or approved by the W3C or anyone besides fantasai. It tests conformance to fantasai's table background clarification proposal, not the official CSS2 specification. The intent is to demonstrate the proposal's effects under various styling conditions and to clarify any ambiguity in the proposal in preparation for a better-worded errata suggestion. It's not particularly well-designed, but it is comprehensive.

This test suite (this page and all pages linked from the table of contents below) and its background images (listed below) are in the public domain by assertion of their author. No rights reserved.

The images used as backgrounds are the following:

They are in GIF format, with transparency.

Each color band in the rainbow backgrounds is 20 pixels wide. Each stripe within the color band is two pixels wide.

The aqua and purple band is 10 pixels wide. Each stripe within the band is two pixels wide.

Many image background rules in this test suite are backed up with a 'black' background color.

This test suite assumes that the border edge for a table element in a table with collapsed borders is the middle of the border around the element, not the outer or inner edge. (This also needs to be addressed by CSS2.1.) It also assumes support for proper ordering of tables with <tfoot>.

Table of Contents

  1. Background Area
    1. Background on 'table'
    2. Background on 'table-row-group'
    3. Background on 'table-column-group'
    4. Background on 'table-row'
    5. Background on 'table-column'
    6. Background on 'table-cell'
  2. Background Position
    1. Background on 'table'
    2. Background on 'table-row-group'
    3. Background on 'table-column-group'
    4. Background on 'table-row'
    5. Background on 'table-column'
    6. Background on 'table-cell'
  3. Background Layers
    1. empty-cells: show
    2. empty-cells: hide
  4. Background with Borders
    1. Background on 'table'
    2. Background on 'table-row-group'
    3. Background on 'table-column-group'
    4. Background on 'table-row'
    5. Background on 'table-column'
    6. Background on 'table-cell'
    7. Special Tests
      1. Opacity
      2. Fixed Backgrounds
    Valid HTML 4.01!
    CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com>