目录

style borderImage 属性

示例

指定图片作为 <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 参考:边框图片属性