使用图片作为 div 元素周围的边框:
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
亲自试一试 »
borderImageSource 属性设置或返回要使用的图片,而不是 border-style 属性给出的边框样式。
提示:如果值为"none",或者图片无法显示,则将使用边框样式。
表中的数字指定完全支持该属性的第一个浏览器版本。
Property | |||||
---|---|---|---|---|---|
borderImageSource | Yes | 11.0 | Yes | 6.0 | 15.0 |
看着那(这边框图片属性代替!
返回 borderImageSource 属性:
object.style.borderImageSource
设置 borderImageSource 属性:
object.style.borderImageSource = "none|
image|initial|inherit"
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 |
默认值: | 没有任何 |
---|---|
返回值: | 一个字符串,表示元素的 border-image-source 属性 |
CSS版本 | CSS3 |
CSS 参考:边框图片源属性
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!