RichInStyle.com
 Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests
Attaching style Applying style Key concepts Color and background Fonts Text Lists Box model

Advanced tests
Positioning Boxes Generated content Dynamic effects Tables Paged media @font-face Aural styles Language styles

This test
Selectors Inheritance Backgrounds Margins Table overflow Padding
Positioning Text-align Text-align: <string> Borders Display Columns
Anonymous objects Visibility: collapse Captions Caption-side Fixed layouts
Width Height Vertical-align Border-spacing Empty-cells Collapsing borders

RichInStyle.com test pages: tables - collapsing borders

This table has a cellspacing of 50. However, due to the border-collapse: collapse declaration, this won't have an effect. This table has a cellspacing of 50. However, due to the border-collapse: collapse declaration, this won't have an effect.
This cell has a border.
The border around these (display: table-cell) cells should collapse because that is the initial value of border-collapse.
The border around these (display: table-cell) cells should collapse because that is the initial value of border-collapse.

Border conflict problems

Differing style resolution test

A table cell with a hidden border. There should not be a border between these two elements. However, there should be a border above, to the right and underneath this element.

Spacer

This has a grooved border. This has a inset border, which should look the same as the grooved border in the collapsed border model.

Spacer

The border between this cell and that to its right should be a double border. The border between this cell and that to its right should be a solid border. The border between this cell and that to its right should be a dashed border. The border between this cell and that to its right should be a dotted border. The border between this cell and that to its right should be a ridged border. The border between this cell and that to its right should be an outset border. The border between this cell and that to its right should be a grooved border. The border between this cell and that to its right should be an inset border. There should not be a border above, below or to the right of this cell.

Differing width resolution test

The border between this table cell and the one next to it should be the thicker of the two border thicknesses visible around the two cells. Some dummy content

Differing elements resolution test

The border around this table cell should be blue rather than red.
The border around the table row should be blue rather than red.

Spacer

The border around the cell should be blue rather than red.

Spacer

The border between this cell and the one next to it should be blue rather than red.
The border between this cell and the one next to it should be blue rather than red.

Spacer

Because this table has border-collapse: collapse, it should not have 100 pixels of padding, because only cells have padding in the collapsed border model.

Neither should this:

Because this table has border-collapse: collapse, the row should not have 100 pixels of padding.

Copyright © RichInStyle.com 2000; all rights reserved. See copyright document for terms of use. Please visit Bukit Lawang flood appeal.