Found 609 Articles for Front End Scripts

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

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