The border property is a shorthand property for:

• border-width
• border-style (solid, dashed, dotted) REQUIRED!
• border-color

For example:

.box {
  width: 800px;
  height: 400px;
  background: wheat;

  /* border: width style color */
  border: 10px dashed royalblue;
}

On top of that, you can also specify the direction of the border

==Note: the order matters==

Ex:

.box {
  width: 800px;
  height: 400px;
  background: wheat;
  border: 10px dashed royalblue;

  /* Set top border */
  border-top: 20px solid red;

  /* Set width for each side */
  border-width: 10px 20px 10px 20px; /* trbl (top right bottom left) */

  /* Make the border rounder */
  border-radius: 50px;
}

:boom::boom::boom: Wanna create a shape using border ?

The shape of CSS