Style borderImageSource Attribute

Definition and Usage

borderImageSource Sets or returns the image to be used, rather than the border style given by the border-style attribute.

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

See also:

CSS Reference Manual:border-image-source attribute

Example

Use an image as the border of the div element:

document.getElementById("myDIV").style.borderImageSource = "url(border.png)";

Try It Yourself

Syntax

Return borderImageSource attribute:

object.style.borderImageSource

Set borderImageSource attribute:

object.style.borderImageSource = "none|image|initial|inherit"

Attribute Value

Value Description
none No image will be used.
image The path of the image to be used as the border.
initial Sets this property to its default value. See also initial.
inherit Inherits this property from its parent element. See also inherit.

Technical Details

Default value: none
Return value: A string that represents the border-image-source attribute.
CSS Version: CSS3

Browser Support

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supported 11.0 Supported 6.0 15.0

Please See borderImage Attribute!