CSS border-image-source attribute

Definition and Usage

The border-image-source property specifies the image to be used instead of the border style set in the border-style property.

Tip:If the value is "none", or if the image cannot be displayed, use the border style.

See also:

CSS3 Tutorial:CSS3 Borders

Example

Use an image as the border around the div element:

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

CSS Syntax

border-image-source: none|image;

Property Value

Value Description
none No image is used.
image The path of the image used as the border.

Technical Details

Default Value: none
Inheritance: no
Version: CSS3
JavaScript Syntax: object.style.borderImageSource="url(border.png)"

Browser support

The numbers in the table indicate the first browser version that fully supports this property.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

See also border-image Property.