Mainpage
With 'empty-cells' you can force borders around empty cells:
empty-cells: show;, or you can remove them:
empty-cells: hide;
| This is column 1 | This is column 2 | This is column 3 | This is column 4 |
|---|---|---|---|
| Here's data | Here's data | Here's data | Here's data |
| Here's data | Here's data | Here's data |
Now the empty cell has a border, too, and also you can see the border-spacing style with two parameters, one for a width for horizontal spacing, and one for vertical spacing.
Remember, this style is for tables with the style border-spacing set (Separated borders model).
And there's still more to those two different table models!
| This is column 1 | This is column 2 | This is column 3 | This is column 4 |
|---|---|---|---|
| Here's data | Here's data | Here's data | Here's data |
| Here's data | Here's data | Here's data |
Above is our table of the Collapsing Border Model again. Remember, it has this style:
border-collapse:collapse;.
Below is its collegue from the Separated Borders Model department: its style is set with:
border-spacing:1em;.
What's different now for both of them, is the border style is set to 'inset' on the first
two rows and to 'outset' in the last row; and the width is set to 5px to make it more obvious.
| This is column 1 | This is column 2 | This is column 3 | This is column 4 |
|---|---|---|---|
| Here's data | Here's data | Here's data | Here's data |
| Here's data | Here's data | Here's data |
To use the border styles 'inset' and 'outset' (make the cells look embedded into the canvas or coming out of it),
one has to set the mode of the table to Separated Borders Model, by using border-spacing.
If it is a Collapsing Border Model then inset and outset will have the same effect as ridge and
groove! (see also the chapter about borders).
