The CSS border-image property specifies how an image is to be used in place of the border styles.
It is a shorthand property for setting border-image-source, border-image-slice, border-image-width, border-image-outset, and border-image-repeat properties at once.
The border-image-source CSS property is used to set the location of the image to be used for the border, instead of the border styles given by the border-style propertiey.
The border-image-slice property is used to divide or slice an image specified by the border-image-source property. The image is always divide or sliced into nine sections: four corners, four edges and the middle.
The border-image-width property is used to set the width of the border image.
The border-image-outset property defines the amount by which the border image area extends beyond the border-box.
The border-image-repeat property is used to set the repeated, rounded or stretched the border image.
border-image Shorthand Property
The initial value is used to set border-image property to its default value.
The inherit value is used to set border-image property from its parent.