But by far the hippest style of border is indubitably the.
They're so delicate, so understated, so subtle, oh yeah — they can make you, yes even you, look like such a hot shit designer.
The thing is, half of all dotted borders have this stupid turd at the end of them. Talk about ruining the party.
There your eyes go, drifting serenely along the line, all of a nice uniform colour until splat! right at the end is this thing.
Hello. What's the matter with these browser people? This is not rocket science, folks. Let me explain it very slowly and in words of one syllable.
In an odd space, you draw a dot. In an even* space, you don't.
(*Oops, that must be the problem. "Even" has two syllables.)
I understand that the story gets more complicated when there are borders on multiple sides of varying thicknesses. But for a single dotted border, just one pixel wide, why couldn't they get it right? Sigh.
Anyway, let's get rid of this annoying defect. Once you start noticing it, you'll see it everywhere.
So far i've discovered one way to avoid it: add a 1-pixel solid border along the right, same colour as the background, to wipe out that extra dot.
Found any other ways? Please share them.