Style borderImageOutsetProperty

Style 对象参考手册Style Object

Example

Place the border outside the edge of the <div> element:

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

Try it Yourself »

Definition and Usage

The borderImageOutset property sets or returns the amount by which the border image area extends beyond the border box.

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

Opera does not support the borderImageOutset property.

Internet Explorer 10 and its earlier versions do not support the borderImageOutset property.

Safari 5 and its earlier versions do not support the borderImageOutset property.

Please refer to theborderImageproperty as a substitute!

Syntax

Return the borderImageOutset property:

object.style.borderImageOutset

Set the borderImageOutset property:

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

Note:The borderImageOutset property specifies the amount by which the border image area extends beyond the border box. The values are given in the order top, right, bottom, left. If the fourth value is omitted, it is the same as the second. If the third value is also omitted, it is the same as the first. If the second value is also omitted, it is the same as the first. borderImageOutset values are not allowed to be negative.

Property Values

Value Description
length A length unit specifying how far from the edge the border image will appear. The default value is 0.
number A multiple of the corresponding border width.
initial Sets this property to its default value. Seeinitial。
inherit Inherits this property from the parent element. Seeinherit。

Technical Details

Default Value: 0
Return Value: A string, representing the border-image-outset property of the element.
CSS Version CSS3

Related Articles

CSS Reference:border-image-outset property

Style 对象参考手册Style Object

Other Extensions