CSS Border Image

The border-image CSS property specifies the border of an image. Instead of a standard border, this property generates one using an image.

The property is divided into three sections, which are as follows:

• The entire image is used as the border.
• As a border, an image slice is used.
• The image's middle section is used as a border (either repeated or stretched).
• The border-image property divides an image into nine sections, similar to a tic-tac-toe board.

There are many border-image property which are listed below:

border-image-source:

The image path is specified using this property.

border-image-width:

This property specifies the width of the border image.

border-image-slice:

This property is used to slice the image's border.

border-image-repeat:

This property is used to make the image's border rounded, repeated, and stretched.

border-image-outset:

This property specifies how much the border image area extends beyond the border box.