CSS borderimagesource Property (original) (raw)

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:

HTML `

GeeksforGeeks

border-image-source property

`

**Output:

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

• Chrome 15.0
• Edge 12.0
• Firefox 15.0
• Internet Explorer 11.0
• Opera 15.0
• Safari 6.0