CSS border-image-source Property

The border-image-source CSS property specifies the location of the image to be used for the border, instead of the border styles given by the border-style propertiey.

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.

CSS Syntax

border-image-source: none|image|initial|inherit;


  • 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 it’s default value.
  • inherit: It takes the value from the parent element.

Example -