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 attribute to its default value. See initial.
inherit Inherits this attribute from its parent element. See inherit.

Technical Details

Default value: none
Return value: String, representing the border-image-source Attribute.
CSS Version: CSS3

Browser support

Die in der Tabelle genannten Zahlen geben die erste vollständige Unterstützung für die Eigenschaft durch den Browser an.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
unterstützt 11.0 unterstützt 6.0 15.0

Bitte sehen Sie nach borderImage-Eigenschaft!