CSS3 border-image-source Property

Example

Use an image as the border around a div element:

div
{
border-image-source: url(border.png);
}

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The border-image-source property is not supported in any of the major browsers.

Look at the border-image property instead!


Definition and Usage

The border-image-source property specifies an image to be used, instead of the border styles given by the border-style properties.

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

Default value: none
Inherited: no
Version: CSS3
JavaScript syntax: object.style.borderImageSource="url(border.png)"


Syntax

border-image-source: none|image;

Value Description
none No image will be used
image The path to the image to be used as a border