Use an image as the border around a div element:
The borderImageSource property sets or returns the 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.
The borderImageSource property is not supported in Opera.
The borderImageSource property is not supported in Internet Explorer 10 and earlier.
The borderImageSource property is not supported in Safari 5 and earlier.
Look at the borderImage property instead!
Return the borderImageSource property:
Set the borderImageSource property:
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 |
Default Value: | none |
---|---|
Return Value: | A String, representing the border-image-source property of an element |
CSS Version | CSS3 |
CSS reference: border-image-source property