Since border-image was first introduced around 2010 to this day I've received one consistent comment from my fellow developers any time I use it:
...
For further actions, you may consider blocking this person and/or reporting abuse
I don't any benefit of doing this? If you could provide a codepen or before-after screenshot of final output, maybe it could provide some context on why would someone choose to make 8 network calls for something which ideally shouldn't even need it.
Codepen is now included.
To be fair if the
border-image-sourcebegin used is symmetrical you might only need 3 network requests (one for left/right border, one for top/bottom border and one for the corners)... Or with an SVG fragment identifiers could be used on 1 single image. But yes it's still likely much more work then just usingborder-imageproper.why doing this? I wouldn't call this an equivalent because all depend on the the image you will be using
The point is to show the absurdity of people's constant reaction to use of border-image with "why not just use background"
there is no absurdity. Each method has its use cases and you are not demonstrating anything by using a generic code. Better give a real example with a real image if you want to highlight a fact or to compare between both method.
Both code provided aren't equivalent at all.
Post updated with Codepen example to show the equivalence and an extra explanation to hopefully clear up some confusion.