Easy Tutorial
❮ Css3 Browsersupport Css Reference ❯

CSS3 border-image-outset Property

Example

Setting the border-image-outset property:


Browser Support

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

Property Chrome Edge Firefox Safari Opera
border-image-outset 15.0 11.0 15.0 6.0 15.0

Property Definition and Usage

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

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

Syntax

Note: The border-image-outset property specifies the amount by which the border image area extends beyond the border box. It includes the top and bottom, and left and right parts. If the fourth value is omitted, it is the same as the second. If the third is also omitted, it is the same as the first. If the second is also omitted, it is the same as the first. Negative values for border-image-outset are not allowed.

Value Description Example
length Sets the distance between the border image and the border, default is 0. Try it »
number Represents multiples of the corresponding border-width Try it »
❮ Css3 Browsersupport Css Reference ❯