Style borderImageOutset Property

Definition and Usage

borderImageOutset Sets or returns the amount that the border image area extends beyond the border box (border box).

See also:

CSS Reference Manual:border-image-outset property

Example

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

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

Try it yourself

Syntax

Return borderImageOutset property:

object.style.borderImageOutset

Set borderImageOutset property:

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

Note:borderImageOutset This property specifies the amount that the border image extends beyond the border box. On top, right, bottom, and left sides. If the fourth value is omitted, it is the same as the second value. If the third value is omitted, it is the same as the first value. If the second value is omitted, it is the same as the first value. No negative values are allowed as the border-image-outset value.

Property value

Value Description
length Length unit, specifying the distance at which the border image will appear. Default value 0.
number Represents the multiple of the corresponding border-width.
initial Sets this property to its default value. See also initial.
inherit Inherits this property from its parent element. See also inherit.

Technical Details

Default value: 0
Return value: A string that represents the element's border-image-outset property.
CSS Version: CSS3

Browser Support

The numbers in the table indicate the first browser version that fully supports this attribute.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supported 11.0 Supported 6.0 15.0

Please See borderImage Attribute!