The table-layout property changes the algorithm that is used for the layout of a table.
Below an example of two tables both set to width: 150px:
The table on the left has table-layout: auto while the one on the right has table-layout: fixed. The former is wider than the specified width (210px in...
The border-collapse property determines if a tables' borders should be separated or merged.
Below an example of two tables with different values to the border-collapse property:
The table on the left has border-collapse: separate while the one on the right has border-collapse: collapse.
ValueDe...
The border-spacing property determines the spacing between cells. This has no effect unless border-collapse is set to separate.
Below an example of two tables with different values to the border-spacing property:
The table on the left has border-spacing: 2px (default) while the one on the right ...
The empty-cells property determines if cells with no content should be displayed or not. This has no effect unless border-collapse is set to separate.
Below an example with two tables with different values set to the empty-cells property:
The table on the left has empty-cells: show while the one...
The caption-side property determines the vertical positioning of the <caption> element within a table. This has no effect if such element does not exist.
Below an example with two tables with different values set to the caption-side property:
The table on the left has caption-side: top whi...
