The table that follows lists the possible values.
The caption-side property allows you to specify where the content of a element should be placed in relationship to the table. It will produce the following result − The caption-side Property Separate Border Example with border-spacing Now let's modify the previous example and see the effect − * This is how you can provide two values */ NOTE − Unfortunately, this property does not work in Netscape 7 or IE 6. Or you can specify two values, in which case, the first refers to the horizontal spacing and the second to the vertical spacing − If you provide one value, it will applies to both vertical and horizontal borders. It can take either one or two values these should be units of length. The border-spacing property specifies the distance that separates adjacent cells'. It will produce the following result − The border-spacing Property The following example uses both the values −
This property can have two values collapse and separate.
SIMPLE CSS TABLE EXAMPLE HOW TO
Now, we will see how to use these properties with examples. 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 empty-cells specifies whether the border should be shown if a cell is empty. You use the caption-side property to control the placement of the table caption. By default, these are rendered above the table in the document. The caption-side captions are presented in the element. The border-spacing specifies the width that should appear between table cells. The border-collapse specifies whether the browser should control the appearance of the adjacent borders that touch each other or whether each cell should maintain its style. You can set following properties of a table − This tutorial will teach you how to set different properties of an HTML table using CSS.
0 kommentar(er)
