How to set different border-img on the side of the block left / right / top / bottom? Googling has led to a picture of one on all sides, but I have different img. And besides, for some reason border-radius stops working on border-img ... but it’s necessary for the border to be a picture, and surrounded edges.

    1 answer 1

    border-radius actually works great, you just can't see it. The frame is rounded, but the pictures seem to "climb out" of its limits.

    I see 2 ways to circumvent this behavior.

    1. Use pre-drawn round images.

    2. To enclose the block with the frame in another block, to which the border-radius has already been applied.

    As for the individual pictures, here is an excerpt from here :

    It is not possible to see the image of the left and the right. How does the other slicing options work.

    In the same place, by the way, there are exemplary ways to circumvent your situation, namely, links to examples of how you can “cut” the picture so that it can use it as a frame for each side separately.

    Additionally: if you know in advance the height of the block, then you can place it on top of another block, where the background is your picture (one) with all the frames. Here is such a crutch.