CSS Table
The CSS table properties allow you to set the layout of a
table.
Examples
Set the layout of a table
This example demonstrates how to set the layout of a table.
Show empty cells in a table
This example demonstrates whether or not to show empty cells in a table.
Collapse a table border
This example demonstrates whether the table borders are collapsed into a single
border or detached as in standard HTML.
Set the space between table borders
This example demonstrates how to set the distance between cell borders.
Set the position of the table caption
This example demonstrates how to position the table caption.
CSS Table Properties
The CSS table properties allow you to set the layout of a table.
Browser support: IE: Internet Explorer, M: Mac IE only, F: Firefox, N: Netscape.
W3C: The number in the "W3C" column indicates in which CSS recommendation
the property is defined (CSS1 or CSS2).
| Property |
Description |
Values |
IE |
F |
N |
W3C |
| border-collapse |
Sets whether the table borders are collapsed into a single
border or detached as in standard HTML |
collapse
separate |
5 |
1 |
7 |
2 |
| border-spacing |
Sets the distance that separates cell borders
(only for the "separated borders" model) |
length length |
5M |
1 |
6 |
2 |
| caption-side |
Sets the position of the table caption |
top
bottom
left
right |
5M |
1 |
6 |
2 |
| empty-cells |
Sets whether or not to show empty cells in a table (only
for the "separated borders" model) |
show
hide |
5M |
1 |
6 |
2 |
| table-layout |
Sets the algorithm used to display the table cells, rows, and columns |
auto
fixed |
5 |
1 |
6 |
2 |
|