CSS border-image-source attribute
- Previous page border-image-slice
- Next Page border-image-width
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.
- Previous page border-image-slice
- Next Page border-image-width