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
above.

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’.

Sebastian

[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