css table property

css table:
In the choice of element in accordance with the table to add style to use CSS. Tabular data in the table is used to mark up web pages. Sometimes HTML tables were used to design the layout.

Table border to give the styling:
CSS properties border the Border effects on your table can give the style. Properties can be styled individually by each of the border is the border. Sample Coding format are:

Example:

 

css border collapse property:

There is a space between two cells at the table. To remove this space or you can use this property to control the distance. There are two values. Namely –
Coding format:
Example:

css empty – cells property:
In an empty cell borders will be established to determine how the property is used. There are two values ​​of these properties. Values ​​of the show (the default), and hide

Sample Coding format:
Example:

CSS tables with different borders:
The space between each table cell patches to control border-collapse border-spacing property is more convenient than properties. border-collapse properties, including the size of the table can be made more beautiful by the border-spacing. The only positive values, which may be pixels (px) or any other unit of length (eg: cm)
Can be revealed by.

Example:

css caption-side property:
Almost every table has a caption for identification. Properties are used to determine caption caption-side. They accept that the value of the property –
Example:

Example: tbody, tfoot

Both the target group and the individual columns:
col span grouping of elements for columns and also individual attributes can be used to target column col element values ​​can be used independently.

For example, at the top of the style tag with the following codes in the midst of change. As a result, you will see output like the following.

Col element column groups and its use:

Just by following the example above, change the codes. As a result, you will see output like the following.

Just by following the example above, change the codes. As a result, you will see output like the following.

Example: Background designed with a table.
Background-image CSS Table Properties.
These properties can be added to the image by using the table. As a url value received. Through which the image is to be displayed. The syntax ….

Note:
The example given below to practice your favorite images collected .jpg, .png, .gif format to save Keep folder. Then, open Notepad and type the following codes to save in the same folder with the .html extension. When you open the saved file, you will see the actual output.

Example:

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *