W3C home > Mailing lists > Public > www-style@w3.org > September 2008

Re: border-radius on replaced elements

From: fantasai <fantasai.lists@inkedblade.net>
Date: Wed, 10 Sep 2008 09:08:16 -0700
Message-ID: <48C7F0F0.6090002@inkedblade.net>
To: Brad Kemper <brad.kemper@gmail.com>
CC: David Hyatt <hyatt@apple.com>, www-style <www-style@w3.org>

Brad Kemper wrote:
> 
>> I've added a non-normative note saying
>>  It is recommended that the UA stylesheet apply overflow: hidden to
>>  elements (such as the <img> element in HTML) that are expected to be
>>  replaced elements so that their corners automatically trim to the
>>  border radius.
>>
>> I can make this normative if you like.
> 
> I think this should only be if the element with border radius also has 
> non-visible overflow. Otherwise, if the image is larger than the box, 
> there will be an odd shape in those corners missing from the visible 
> overflow.
> 
> Also, if the box is set to non-visible overflow, it should clip any 
> contents at the rounded corners, including text.
> 
> I created a  sort of test case using webkit-prefixed properties here:
> 
> http://bradclicks.com/cssplay/radiusTrim.html
> 
> The fourth and fifth examples would be effected by the note in the 
> draft, with the forth one looking like it does with background-image, 
> but the fifth would look odd.

I'm only saying the img element itself should get 'overflow: hidden',
not any elements surrounding it.

~fantasai
Received on Wednesday, 10 September 2008 16:09:06 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:55:12 GMT