Front End Scripts Articles - Page 7 of 60

The padding-top specifies the top padding of an element. It sets the top padding of an element. This can take a value in terms of length of %.Example                            This is a paragraph with a specified top padding                      This is another paragraph with a specified top padding in percent          

The padding-bottom specifies the bottom padding of an element. It sets the bottom padding (space) of an element. This can take a value in terms of length of %.Example                            This is a paragraph with a specified bottom padding                      This is another paragraph with a specified bottom padding in percent          

To set inset border with CSS, use the border-style property with value inset.Example                            This is a border with none width.                      This is inset border.          

Use the border-style property with groove value to set a border as carved into the page. You can try to run the following code to implement border-style property:Example                            This is a border with none width.                      This is a border carved into the page.          

Use the border-style property with double value to set a border with two lines. You can try to run the following code to implement border-style property:Example                            This is a border with none width.                      This is a border with two solid lines.          

The border-top-width property changes the width of top border. You can try to run the following code to implement border-top-width property:Example                            This is demo content.          

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:3px solid;             border-left-color:#FF0000;          }                              Example showing border left color property          

The margin-right property is used to set the right margin of an element. It can have a value in length, % or auto. You can try to run the following code to set the right marginExample                                     Cricket crazy nation India!                                 Cricket crazy nation Australia!                

The border-width property allows you to set the width of element borders. The value of this property could be either a length in px, pt or cm or it should be set to thin, medium or thick.ExampleYou can try to run the following code to set the border width with CSS:                            David Beckham is a legend.                      Sachin Tendulkar is a legend.          

The border-right-width property changes the width of right border. You can try to run the following code to implement border-right-width propertyExample                            This is demo content.