06-28-2018, 09:53 AM
This tutorial will teach you how to set different properties of an HTML table using CSS. You can set following properties of a table:
The border-collapse Specifies whether the browser should control the appearance of adjacent borders that touch each other or whether each cell should maintain its style.
The border-spacing Specifies the width that should appear between table cells.
The caption-side Captions are presented in the <caption> element. By default, these are rendered above the table in the document. You use the caption-side property to control the placement of the table caption.
The empty-cells Specifies whether the border should be shown if a cell is empty.
The table-layout Allows browsers to speed up layout of a table by using the first width properties it comes across for the rest of a column rather than having to load the whole table before rendering it.
The border-collapse Specifies whether the browser should control the appearance of adjacent borders that touch each other or whether each cell should maintain its style.
The border-spacing Specifies the width that should appear between table cells.
The caption-side Captions are presented in the <caption> element. By default, these are rendered above the table in the document. You use the caption-side property to control the placement of the table caption.
The empty-cells Specifies whether the border should be shown if a cell is empty.
The table-layout Allows browsers to speed up layout of a table by using the first width properties it comes across for the rest of a column rather than having to load the whole table before rendering it.
Hasan