CSS

css border shorthand

#selector{
    /*The format is border:width style color;*/
    border:2px solid grey;
}

border css shorthand

p {
  border-style: solid;
  border-color: red;
  border-width: 5px;
}
/* You can also write above code in one line   */
p {
  border: 5px solid red;
}

border shorthand CSS

border: 1px solid #000;

border style shorthand

a quick note on border-style shorthand:

  border-style: none none dotted; --> this means: 
  
   One value: it applies the same style to all four sides.
   Two values: applies to top and bottom, the second to the left and right.
   Three values: applies to the top, the second to the left and right, the third to the bottom.
   Four values: applies to all four sides following clockwise.

CSS Border - Shorthand Property

p {
  border: 5px solid red;
}