W3C home > Mailing lists > Public > www-style@w3.org > June 2010

RE: rendering of border edges

From: Sylvain Galineau <sylvaing@microsoft.com>
Date: Wed, 2 Jun 2010 20:12:35 +0000
To: Niels Matthijs <niels.matthijs@internetarchitects.be>, www-style list <www-style@w3.org>
Message-ID: <045A765940533D4CA4933A4A7E32597E214B4F4E@TK5EX14MBXC113.redmond.corp.microsoft.com>
Would you be able to share a link to the page you used for the screenshots at the end of the post ? Thanks !

From: www-style-request@w3.org [mailto:www-style-request@w3.org] On Behalf Of Niels Matthijs
Sent: Wednesday, June 02, 2010 4:28 AM
To: www-style list
Subject: 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:

Maybe something to mention in the border rendering standards?

Niels Matthijs
Received on Wednesday, 2 June 2010 20:13:09 UTC

This archive was generated by hypermail 2.4.0 : Monday, 23 January 2023 02:13:47 UTC