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).