CSS border-image-source Property

Last Updated : 11 Jul, 2025

The border-image-source property is used to specify the image source to be set as the border of an element.

Syntax:

border-image-source: url(image-path.png)| none| initial| inherit;

Note: If the value is none, the border styles will be used. The specified image can be divided into regions with the help of border-image-slice property.

Default Value: Its default value is none.

Values:

none: No image is specified.
image: Used to specify the path of the image to be used as the border of an element.
initial: Initializes the property with its default value.
inherit: It takes the value from the parent element.

Example:

Output:

👁 Image

Supported Browsers: The browsers supported by CSS | border-image-source Property are listed below: