Style borderImageOutset attribute

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 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

Return borderImageOutset attribute:

object.style.borderImageOutset

Set borderImageOutset attribute:

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

Note:borderImageOutset This attribute specifies the amount that the border image extends beyond the border box. On top, right, bottom, and left. If the fourth value is ignored, 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 how far 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 supports

Tashoshin da yake nufin yin kowaci na farko na matsinanci na yin kowaci.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Yin kowaci 11.0 Yin kowaci 6.0 15.0

Nauyi ganin borderImage ɗanar matsinanci!