Style borderImageOutset Attribute

Definition and Usage

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

See Also:

CSS Reference Manual:border-image-outset Attribute

Example

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

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

Try It Yourself

Syntax

Returning the borderImageOutset Attribute:

object.style.borderImageOutset

Setting the borderImageOutset Attribute:

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

Note:borderImageOutset This attribute specifies the amount by which the border image extends beyond the border box. Top, right, bottom, left. 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 border-image-outset values.

Attribute 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 attribute to its default value. See initial.
inherit Inherits this attribute from its parent element. See inherit.

Technical Details

Default Value: 0
Return Value: String, representing the element's border-image-outset Attribute.
CSS Version: CSS3

Browser Support

Die in der Tabelle angegebenen Zahlen beziehen sich auf die erste Version des Browsers, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
unterstützt 11.0 unterstützt 6.0 15.0

Bitte überprüfen Sie borderImage-Eigenschaft!