Example
Use an image as the border around a div element:
div
{
border-image-source: url(border.png);
}
{
border-image-source: url(border.png);
}
Browser Support
The border-image-source property is not supported in any of the major browsers.
Look at the border-image property instead!
Definition and Usage
The border-image-source property specifies an 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.
| 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 will be used |
| image | The path to the image to be used as a border +CSS3 +CSSReflex +CSS Author +CSS Design Awards +Css Color +CSS Light +CSS Mobi +css3mania +CSS3 : The Workshop +CSS3 Templates +CSS3 +CSS3Ps +css3mods +CSS3Menu |
No comments: