Collapsing table borders

A little-used property for table styling.

The border-collapse property defines which of the two ‘border models’ are used by a table. Generally speaking, the ‘separate’ model, which is the default, draws individual borders around each table cell, whilst the collapse model combines borders.

Note how, in the separate model, borders are drawn around each edge of each cell. In the collapse model, borders are only drawn on edges where cells touch.

1 one
two
1 one
two

Comments

Leave a comment