The border-top-color property changes the color of the top border.ExampleYou can try to run the following code to implement the border-top-color property:                    p.demo {             border:3px solid;             border-top-color:#FF0000;          }                              Asia is a continent.          

To set the dotted line for the border, use the border-style property.ExampleYou can try to run the following code to implement border-style property value dotted to set dotted border:                            This is a dotted border.          

The border-left-style property changes the style of left border. You can try to run the following code to implement border-left-style property:Example                            Example showing left border          

The border-color property specifies the color of a border. You can try to run the following code to implement the border-color property:Example                    p.demo {             border:2px dashed;             border-color:#800000;          }                              Example showing border color property          

The border-top-style property changes the style of top border.ExampleYou can try to run the following property to change the style of the top border:                            Example showing top border          

The table-layout property is to help you control how a browser should render or lay out a table. This property can have one of the three values: fixed, auto or inherit.ExampleYou can try to run the following code to implement CSS table-layout property                    table.auto {             table-layout: auto          }          table.fixed{             table-layout: fixed          }                                           1000000000000000000000000000             10000000             100                                                   1000000000000000000000000000             10000000             100                    

The following image justifies the difference between collapse and separate. The separate value of the border-collapse property separates the borders of the cells:ExampleYou can try to run the following code to understand the difference between border-collapse separate and collapse value:                    table.one {             border-collapse:collapse;          }          table.two {             border-collapse:separate;          }          td.a {             border-style:dotted;             border-width:2px;             border-color:#000000;             padding: 20px;          }          td.b {             border-style:solid;             border-width:2px;             border-color:#333333;             padding:20px;          }                              Border Collapse           India           Australia                            Border Separate           India           Australia          

The border-spacing specifies the width between table cells. It can take either one or two values; these should be units of length.ExampleYou can try to run the following code to set the width of table cells:                    table.one {             border-collapse:separate;             width:300px;             border-spacing:15px 40px;          }                              The border-spacing property           India           UK                

The empty-cells property specifies whether the border should be shown if a cell is empty. It indicates whether a cell without any content should have a border displayed.ExampleThis property can have one of the three values show, hide or inherit.                    table.empty{             width:400px;             border-collapse:separate;             empty-cells:hide;          }          td.empty{             padding:5px;             border-style:solid;             border-width:1px;             border-color:#999999;          }                                                       Title one             Title two                                 Row Title             R1T1             R1T2                                 Row Title             R2T1                                

The caption-side property allows you to specify where the content of a element should be placed in relationship to the table.ExampleThis property can have one of the four values top, bottom, left or right. Let us seen an example to learn how to implement caption-side property:                    caption.top {             caption-side:top          }          caption.bottom {             caption-side:bottom          }                                           Countries (Top Caption)                     India           UK           US           Australia                                         Countries (Bottom caption)                     India           UK           US           Australia