Front End Scripts Articles - Page 8 of 60

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;          }                              David Beckham is a legend.          

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

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

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

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

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

The border property allows you to specify color, style, and width of lines in one property.ExampleYou can try to run the following code to specify border property:                            This example is showing shorthand property for border.          

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

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

The width property is used to set the width of an image. This property can have a value in length or in %. While giving value in %, it applies it in respect of the box in which an image is available.ExampleYou can try to run the following code to set the width of an image: