You’ve probably used CSS’s
border property often, and in almost all cases you’ve probably set the
border-style value to “solid”, which looks exactly the same in every browser.
We all know there are other values for
border-style, but it’s likely you’ve never used any of them. You may have used a value of “dashed” or “dotted”, but probably not too often.
I thought it would be interesting to screen capture how all the different browsers display all the different values for
border-style. In addition to the screen shots, I’ve provided some observations and I’ve summarized how the different values are supposed to look (according to the specification).