|
The CSS table properties permit you to set the layout of a table. CSS Table PropertiesThe CSS table properties allow you to set the layout of a table. How to set the layout of a tabl? <!-- created by phpguru.biz --> table.one
{
table-layout: automatic
}
table.two
{
table-layout: fixed
}
<!-- created by phpguru.biz --> To show empty cells in a table : <!-- created by phpguru.biz --> table
{
border-collapse: separate;
empty-cells: show
}
<!-- created by phpguru.biz --> How to set the distance between cell borders? <!-- created by phpguru.biz --> table.one
{
border-collapse: separate;
border-spacing: 10px
}
table.two
{
border-collapse: separate;
border-spacing: 10px 50px
}
<!-- created by phpguru.biz --> Browser support: IE: Internet Explorer, M: Mac IE only, F: Firefox, N: Netscape. PHPGURU: The number in the "PHPGURU" column indicates in which CSS proposal the property is defined (CSS1 or CSS2). | Property | Description | Values | IE | F | N | PHPGURU | 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 | Examples Set the layout of a table
This example demonstrates how to set the layout of a table. Collapse a table border
This example demonstrates whether the table borders are distorted into a single border or detached as in standard HTML. Show empty cells in a table
This example demonstrates whether or not to show empty cells in a table. Set the position of the table caption
This example demonstrates how to position the table caption. Set the space between table borders
This example demonstrates how to set the distance between cell borders.
|
