将边框放置在 <div> 元素边缘之外:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
亲自试一试 »
borderImageOutset 属性设置或返回边框图片区域超出边框框的量。
表中的数字指定完全支持该属性的第一个浏览器版本。
Property | |||||
---|---|---|---|---|---|
borderImageOutset | Yes | 11.0 | Yes | 6.0 | 15.0 |
看着那(这边框图片属性代替!
返回 borderImageOutset 属性:
object.style.borderImageOutset
设置 borderImageOutset 属性:
object.style.borderImageOutset
= "length|
number|initial|inherit"
笔记:borderImageOutset 属性指定边框图片区域超出边框框的量。位于顶部、右侧、底部和左侧。如果省略第四个值,则与第二个值相同。如果第三个也省略,则与第一个相同。如果第二个也省略,则与第一个相同。任何 borderImageOutset 值都不允许使用负值。
Value | Description |
---|---|
length | A length unit specifying how far from the edges the border-image will appear. Default value is 0 |
number | Represent multiples of the corresponding border-width |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
默认值: | 0 |
---|---|
返回值: | 一个字符串,表示元素的 border-image-outset 属性 |
CSS版本 | CSS3 |
CSS 参考:border-image-outset 属性
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!