css3 border image property doubt.

[jacub]

hello sir,
i am learning css3 and confusing to (border image slice property) four different values can be specified, in the following order: top, right, bottom, left. If one value is specified, it is used for all four sides_. If two values are specified, the first is used for the top and bottom slice-lines, and the second is used for left and right sides._ _If three values are specified, they are used for top, right/left, and bottom slice-lines, respectively._ If left is missing, it is the same as right; if bottom is missing, it is the same as top; why is it> if right is missing, it is the same as top.just not same is left why same is top.when left is missing, then it is the same as right correctly why vice-versa is not here?
can i individually set the property for border image slice how can do this ? like example
border-top-left-radius:4em 1em;
border-top-right-radius:15em 3em;
border-bottom-right-radius:4em 1em;
border-bottom-left-radius:8em 3em;please explain simply understandable example.

[Paulie_D]

Border image is different from border radius and yes, it is confusing.

I suspect most of use don’t use it..at least not very often.

https://developer.mozilla.org/en-US/docs/Web/CSS/border-image

Chris explained it here – https://css-tricks.com/understanding-border-image/

[Author]

Posts