CSS3 border-image-sourceProperty
Example
Using an image as the border of a div element:
div
{
border-image-source: url(border.png);
}
{
border-image-source: url(border.png);
}
Browser Support
The numbers in the table specify the first browser version number that supports the property.
| Property | |||||
|---|---|---|---|---|---|
| border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Attribute definition and usage instructions
The border-image-source property specifies the image to be used instead of the border style set by the border-style property.
Tip:If the value is "none", or if the image cannot be displayed, the border style 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 used |
| image | Path of the image used for the border |