css inline border-style shorthand properties code example

Example: 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.