[Webkit-unassigned] [Bug 151612] New: [CSS3 Backgrounds and Borders] border image area can exist even if 'border-style' of element is 'none'

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=151612

            Bug ID: 151612
           Summary: [CSS3 Backgrounds and Borders] border image area can
                    exist even if 'border-style' of element is 'none'
    Classification: Unclassified
           Product: WebKit
           Version: Safari 9
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: browserbugs2 at gtalbot.org

This bug report spun from bug 99922 comment 16

Unprefixed tests
----------------

http://test.csswg.org/suites/css-backgrounds-3_dev/nightly-unstable/html4/border-image-width-005.htm

http://test.csswg.org/suites/css-backgrounds-3_dev/nightly-unstable/html4/border-image-width-006.htm

http://test.csswg.org/suites/css-backgrounds-3_dev/nightly-unstable/html4/border-image-width-007.htm


Expected result
---------------

http://test.csswg.org/suites/css-backgrounds-3_dev/nightly-unstable/html4/reference/ref-filled-green-100px-square.htm


Explanations
------------

'border-style' of an element can be 'none' and/or 'border-width' can be '0' and there still can be a non-zero border image area which can be painted, drawn by the border-image-source as long as border-image-width is non-zero (and, of course, border-image-source exists and border-image-slice is non-zero). This is what the 3 tests are specifically checking, verifying, demonstrating.

By definition, border image area is the border box of an element. border image area is not the border belt of an element. So, there is a non-zero border image area if there is a non-zero content area and/or a non-zero padding belt (or area). Furthermore, even the margin belt (or area) could be painted by the border image if border-image-outset is non-zero.

6.3. Drawing Areas: the ‘border-image-width’ property
http://www.w3.org/TR/css3-background/#the-border-image-width

"
The border image is drawn inside an area called the border image area (...) whose boundaries by default correspond to the border box (...). 
"

Notes
-----

- I do not have Safari 9.0.2. 
- Chrome 48.0.2564.10 fails the 3 tests
- Firefox 42, IE11 and Edge 12 pass the 3 tests
- I've searched for duplicates and did not find any; the closest I could found was bug 67657

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20151126/e68630c5/attachment-0001.html>