Summary: | REGRESSION: Border-image shows all but center portion of image (if unprefixed property present) | ||
---|---|---|---|
Product: | WebKit | Reporter: | Ryosuke Niwa <rniwa> |
Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
Status: | RESOLVED INVALID | ||
Severity: | Normal | CC: | davidbarr, eoconnor, hyatt, paulirish |
Priority: | P1 | Keywords: | InRadar |
Version: | 528+ (Nightly build) | ||
Hardware: | Unspecified | ||
OS: | Unspecified |
Description
Ryosuke Niwa
2011-10-25 22:59:18 PDT
The issue is that WebKit now honors the spec with regard to the initial value for border image slice. http://www.w3.org/TR/css3-background/#border-image-slice-fill So to get the intended result, the style rules need to be updated to include the 'fill' keyword just after the slice values. Note that FF rejects the 'fill' keyword on the -moz-border-image property and WebKit ignores it on -webkit-border-image. .post { margin: 0 0 40px 0; -webkit-border-image: url(images/article-background-stretch.png) 29 50 55 32 round round; -moz-border-image: url(images/article-background-stretch.png) 29 50 55 32 round round; border-image: url(images/article-background-stretch.png) 29 50 55 32 fill round round; border-width: 29px 50px 55px 32px; } WebKit's unprefixed border-image behaves as specified. |