Bug 183993 – border-image inline style should be serialized

• Component: CSS
• Status: RESOLVED DUPLICATE

[Eric Willigers]

Steps to reproduce:

https://jsfiddle.net/ericwilligers/L8jve8bp/

Set border-image inline style, read border-image inline style.

Spec: https://drafts.csswg.org/css-backgrounds/#border-image



Actual results:

Reading border-image inline style gives empty string.

border-image computed style has the supplied value.

Reading longhands inline and computed styles gives the values from border-image.



Expected results:

Reading border-image inline style should give the supplied value.
Blink has same bug. Edge has correct behavior.

[Radar WebKit Bug Importer]

<rdar://problem/38928267>

[Ahmad Saleem]

Created attachment 461455 [details]
Safari 15.5 differs from other browsers

At least for one case, I can see Safari 15.6 on macOS 12.5 differs from the browsers as can be seen from attached screenshots.

I think it might be covered in following WPT test cases as well:

https://wpt.fyi/results/css/css-backgrounds/parsing/border-image-shorthand.sub.html?label=master&label=experimental&aligned&view=subtest&q=border-image

[Oriol Brufau]

This should have been fixed in bug 238102.

I can't reproduce the problem from the screenshot in WebKitGTK.

The linked test has some failures due to longhands serializing as "initial" instead of the actual initial value, but that's a common problem in WebKit, not specific to border-image.

[Alexey Proskuryakov]

Indeed, the output is identical between STP 150 and Firefox.

*** This bug has been marked as a duplicate of bug 238102 ***