W3C home > Mailing lists > Public > www-style@w3.org > January 2009

Re: [css3-background] does border-radius round the border-image ?

From: fantasai <fantasai.lists@inkedblade.net>
Date: Tue, 13 Jan 2009 14:03:56 -0800
Message-ID: <496D0FCC.8020807@inkedblade.net>
To: Brad Kemper <brad.kemper@gmail.com>
CC: www-style@w3.org

Brad Kemper wrote:
> 
> I think that is much simpler. But its less specific about _which_ curve, 
> and WebKit is currently clipping to the outside in all cases. Can we add 
> a little something and still keep it clear, perhaps as follows?
> 
>  # Backgrounds, but not the border-image, are clipped to the curve.
>  # Other effects that clip to the border or padding edge (such as
>  # 'overflow') also must clip to the curve. The edge of the curve
> #   to use for clipping depends on the value of ‘background-clip’
> #  (outer edge for 'border-box', inner edge for ‘padding-box’). When
> #  the value of ‘background-clip’ is 'content-box', then the content
> #  box is clipped with corner radii equal to the 'border-radius'
> #  values, minus the padding values, with a floor of zero.
> 
> That last part about the content-box is where we would expect to find 
> the curve in that case, as a logical extension of where the two curves 
> are in the other two ‘background-clip’ cases.

Right. When I added that text, we didn't have a background-clip: content-box
value. :) That section now reads:

   # The padding edge (inner border) radius is the outer border
   # radius minus the corresponding border thickness. In the
   # case where this results in a negative value, the inner
   # radius is zero. (In such cases its center might not
   # coincide with that of the outer border curve.) Likewise
   # the content edge radius is the padding edge radius minus
   # the corresponding padding, or if that is negative, zero.
   #
   # Backgrounds, but not the border-image, are clipped to the
   # appropriate curve (as determined by ‘background-clip’).
   # Other effects that clip to the border or padding edge
   # (such as ‘overflow’) also must clip to the curve.

I also added
   # If the curve interferes with UI elements such as scrollbars,
   # the UA may reduce the used value of the border radii as
   # necessary, but no more.
to deal with the case where border-radius + overflow would parts
of the scrollbars.

> By the way, neither WebKit or FireFox (Minefield) are currently doing 
> any clipping of the foreground when 'overfow' is hidden, as this text 
> says it should. I agree that they should do so, and maybe that just 
> hasn't yet been implemented but will be.

Yeah, those should be considered bugs.

~fantasai
Received on Tuesday, 13 January 2009 22:04:43 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:15 GMT