Shorthand: Border-Style

The border-style property must be defined in order to see any border. Like the border-width property, the border-style property can also have from one to four values. The values for the border-style property are illustrated here:

4 Values: border-style: dotted solid double dashed;
  • top border is dotted
  • right border is solid
  • bottom border is double
  • left border is dashed
3 Values: border-style: dotted solid double;
  • top border is dotted
  • right and left borders are solid
  • bottom border is double
2 Values: border-style: dotted solid;
  • top and bottom borders are dotted
  • right and left borders are solid
1 Value: border-style: dotted;
  • all four borders are dotted

I've added a 7px padding to each bordered 'division'.

Back button Table of Contents Next button