rendering of border edges

Hi all,

Just an interesting thing I noticed, but Firefox 3.6 (and apparently Chrome for Windows) make sure the line created by two differently-colored neighbouring borders is anti-aliased. This ensures a nice visual result.

Hit this when I was trying the css triangle technique using triangles which didn't have the regular 90/45/45 degree layout. When straying from this layout, you end up with ugly jaggy edges in most browsers.

Article and a pic of the result in FF vs the rest can be found:
http://www.onderhond.com/blog/work/css-triangles-issues

Maybe something to mention in the border rendering standards?

Greets,
Niels Matthijs
http://www.onderhond.com

Received on Wednesday, 2 June 2010 11:31:05 UTC