Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests

Advanced tests

This test

RichInStyle.com test pages: tables - visibility: collapse

The following table has visibility: hidden on the first column. You should be able to read it because visibility: hidden has no effect on columns.

This should be visible. This should be visible; it should be in the place that you would expect the second column of a table to be (bearing in mind the fact that the previous column is 300 pixels wide).

The following table has visibility: collapse on the column. You should not be able to read it because visibility: collapse has an effect on columns.

This should not be visible. This should be visible.

The following row should not be visible, despite visibility: visible on the table cell because there is visibility: collapse on the row.

This should not be visible.
This should be visible.

The following table has visibility: hidden on the table row and visibility: visible on the table cell. The cell should be visible.

This should be visible.

The following DIV element has visibility: collapse. That should suppress the DIV element, because on elements other than rows and columns it is treated as visibilty: hidden.

You shouldn't see this.

As further verification of this, there is a P element inside the following DIV with visibility: visible. That should be visible.

You should see this.