Latest web development tutorials

HTML DOM Style borderImageOutset property

Style Object Reference Style Objects

Examples

The frame is placed on the edge of <div> elements outside:

document.getElementById("myDIV").style.borderImageOutset="5px 10px 20px 15px";

try it"

Definition and Usage

borderImageOutset property sets or returns the amount of image regions beyond the border of the bounding box.


Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Opera does not support borderImageOutset property.

Internet Explorer version 10 and earlier are not supported borderImageOutset property.

Safari version 5 and earlier do not support borderImageOutset property.

See borderImage property to replace it!


grammar

Back borderImageOutset properties:

object .style.borderImageOutset

Setting borderImageOutset properties:

object .style.borderImageOutset="length|number|initial|inherit"

Note: borderImageOutset attribute specifies the amount of image regions beyond the borders of the bounding box.In accordance with the upper right, lower, left the order given. If the fourth value is omitted, its value is consistent with the second value. If the third value is also omitted, then its value is consistent with the first value. If the second value is also omitted, then its value is consistent with the first value. borderImageOutset negative values ​​are not allowed.

Property Value

描述
length 一个指定边框图像将出现在距离边缘多远的长度单位。默认值是 0。
number 表示相应的边框宽度的倍数。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

technical details

Defaults: 0
return value: String representing the border-image-outset attribute element.
CSS version CSS3


related articles

CSS Reference: border-Image-OUTSET property


Style Object Reference Style Objects