CSS border-image-source Property

Specify an CSS border-image-source around an element:

#borderimg {
border-image-source: url(border.png);

Try it Yourself »

Definition and Usage

The border-image-source property specifies the path to the image to be used as a border (instead of the normal border around an element).

Tip: If the value is “none”, or if the image cannot be displayed, the border styles will be used.

Tip: Also look at the border-image property (a shorthand property for setting all the border-image-* properties).

Default value: none
Inherited: no
Animatable: no. Read about animatable
Version: CSS3
JavaScript syntax: object.style.borderImageSource=”url(border.png)” Try it
CSS Syntax
border-image-source: none|image|initial|inherit;
Property Values
Value Description
none No image will be used
image The path to the image to be used as a border
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit