指定图片作为 <div> 元素周围的边框:
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
亲自试一试 »
borderImage 属性是一个简写属性,用于设置边框图片源,边框图片切片,边框图片宽度,边框图片输出和边框图片重复特性。
省略的值设置为其默认值。
表中的数字指定完全支持该属性的第一个浏览器版本。
Property | |||||
---|---|---|---|---|---|
borderImage | 16.0 | 11.0 | 15.0 | 6.0 | 15.0 |
返回 borderImage 属性:
object.style.borderImage
设置边框图片属性:
object.style.borderImage
= "source slice width outset repeat|initial|inherit"
Value | Description |
---|---|
borderImageSource | The path to the image to be used as a border |
borderImageSlice | The inward offsets of the image-border |
borderImageWidth | The widths of the image-border |
borderImageOutset | The amount by which the border image area extends beyond the border box |
borderImageRepeat | Whether the image-border should be repeated, rounded or stretched |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
默认值: | 无 100% 1 0 拉伸 |
---|---|
返回值: | 一个字符串,表示元素的 border-image 属性 |
CSS版本 | CSS3 |
CSS 参考:边框图片属性
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!