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 length
inherit |
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 |
 |
W3Schools' Online Certification Program
The perfect solution for professionals who need to balance work, family, and career building.
More than 4000 certificates already issued!
|
The HTML Certificate documents your knowledge of HTML, XHTML, and CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The ASP Certificate documents your knowledge of ASP, SQL, and ADO.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
|