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

[css3-background] 'border-radius' and 'overflow'

From: L. David Baron <dbaron@dbaron.org>
Date: Wed, 10 Jun 2009 11:26:35 -0400
To: www-style@w3.org
Message-ID: <20090610152635.GA22397@pickering.dbaron.org>
http://dev.w3.org/csswg/css3-background/#the-border-radius says:
  # 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. 

What does it mean for 'overflow: scroll' or 'overflow: auto' to clip
to the curve?  I have no idea how that's supposed to work; there
aren't standard mechanisms for drawing curved scrollbars.

Then it goes on to say:
  # It is recommended that the UA style sheet 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'm pretty skeptical of this advice; 'overflow: hidden' is a pretty
heavyweight mechanism (it involves the ability to scroll
programatically).  I suspect we'd be unable to make this change
because it would cause a performance regression, although I haven't
tried.

-David

-- 
L. David Baron                                 http://dbaron.org/
Mozilla Corporation                       http://www.mozilla.com/
Received on Wednesday, 10 June 2009 15:27:10 GMT

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