Blog : CSS Table

CSS Table


The CSS table properties allow you to set the layout of a table.



Try it Yourself - 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.


All CSS Table Properties

The number in the "CSS" column indicates in which CSS version the property is defined (CSS1 or CSS2).

Property Description Values CSS
border-collapse Specifies whether or not table borders should be collapsed collapse
separate
inherit
2
border-spacing Specifies the distance between the borders of adjacent cells length lengthinherit 2
caption-side Specifies the placement of a table caption top
bottom
inherit
2
empty-cells Specifies whether or not to display borders and background on empty cells in a table show
hide
inherit
2
table-layout Sets the layout algorithm to be used for a table auto
fixed
inherit
2