.border-test {

width: 200px;

height: 100px;

border-style: dotted solid dotted solid;

}

This might confuse you at first, but it actually makes a lot of sense. See, the border-related properties allow us to specify the style for each side of the border by specifying the desired style in the following order: top right bottom left, as if working your way around the box clockwise. So in our example the top and bottom would be dotted, but the sides would be solid.

We can actually take this simplifying act one step further and leave off the last two values, like so: