In this article, we will set the width of the border image using CSS. To set the width of the border image, we use CSS border-image-width property.
The border-image-width property is used to set the width of the border-image. It can be set by providing multiple values.
- If only one value is provided, it is applied to all four sides.
- When two values are specified, The first value is applied to ‘top and bottom’ and the second value is applied to the ‘left and right’.
- When three values are specified, The first value is given to the top, the Second is shared by both ‘left and right’, and The third to the bottom.
- If four values are given then they are applied to top, right, bottom, and left (clockwise) order.
border-image-width: number | % | auto | initial | inherit;
Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.