W3C home > Mailing lists > Public > www-style@w3.org > February 2014

[css3-background] Corner clipping for images and gradients

From: Sebastian Zartner <sebastianzartner@gmail.com>
Date: Fri, 7 Feb 2014 10:09:56 +0100
Message-ID: <CAERejNaBFLTE7nsCo7bgJWC-onMbZ61n52pLs_ozU_VE+1WWEQ@mail.gmail.com>
To: www-style list <www-style@w3.org>
In Mozilla bug 969263[1] the question came up whether to clip gradients,
elements and images defined in border-image. The current WD says[2] this:

"A box's backgrounds, but not its border-image, are clipped to the
appropriate curve (as determined by ‘background-clip’)."

According to David Baron the WG's intent for url() is when defined in
border-image it is allowed to *overhang* the box.
Though this may not be what the author expects, especially in cases where
gradients or elements are used. See the test case on the report mentioned

One idea I can come up with to solve this is to add a new property
‘border-clip’, which accepts the same values as ‘background-clip’ plus an
additional value, which avoids clipping, e.g. ‘none’.


[1] https://bugzilla.mozilla.org/show_bug.cgi?id=969263
[2] http://www.w3.org/TR/css3-background/#corner-clipping
Received on Friday, 7 February 2014 09:10:44 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:19 UTC