Front End Scripts Articles - Page 9 of 60

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

Use the border-style property to set the style of the border:Example            .                This is a border with none width.                      This is a solid border.    

To set the style of border, use the border-style property. The border-style property allows you to select one of the following styles of the border:none: No bordersolid: Border is a single solid line.dotted: Border is a series of dots.dashed: Border is a series of short lines.double: Border is two solid lines.groove: Border looks as though it is carved into the page.ridge: Border looks the opposite of groove.inset: Border makes the box look like it is embedded in the page.outset: Border makes the box look like it is coming out of the canvas.hidden: Same as none, except in terms of border-conflict resolution for table elements.ExampleYou can try to ... Read More

The border-left-color property changes the color of the left border. You can try to run the following code to implement the border-left-color property:Example                    p.demo {             border:4px solid;             border-left-color:#FF0000;          }                              Example showing border left color property          

The margin-top specifies the top margin of an element. It can have a value in length, % or auto.ExampleYou can try to run the following code to set the top margin                            This is a paragraph with a specified top margin                      This is another paragraph with a specified top margin in percent          

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

The border-width property changes the color of the right border.ExampleYou can try to run the following code to implement the border-width property:                            Example showing border width and style          

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

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

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.