CSS border-image-outset attribute

Definition and usage

The border-image-outset property specifies the amount by which the border image extends beyond the border box.

See also:

CSS3 Tutorial:CSS3 Borders

Example

Set the border-image-outset property:

div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}

CSS syntax

border-image-outset: length|number;

Note:The border-image-outset property specifies the amount by which the border image extends beyond the border box. On the 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 border-image-outset values.

Property value

Value Description
length
number Represents the multiple of the corresponding border-width.

Technical details

Default value: 0
Inheritance: no
Version: CSS3
JavaScript syntax: object.style.borderImageOutset="30 30"

Browser support

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

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 15.0 6.0 15.0

See also border-image Property.