Edit

The border Property

The border properties is used to set the border box of the element. You can change the border of an element by three ways.

First you can change border style by using various kind of border style such as solid, dashed line, double line, or one of the other possible values.  

You can change border-width by define the width of a border.

You can also change the border-color by define the color of a border.

Example of Code

    <style>
      #example-The-border-Property-div{
        padding: 20px;
        border: 1px solid orange;
      }
    </style>
    <div id="example-The-border-Property-div">
      This 'div' has border styles applied using the 'border' property.
    </div>

Ouput

This 'div' has border styles applied using the 'border' property.