Search within TutorialsPark

CSS3 border-image-outset Property


To specify how far the border image should extend beyond the border box


Definition and Notes.

1. The CSS3 border-image-outset property is used to specify the area outside the border box that will be used to display the image.

2. The values define distances from the top, right, bottom, and left edges of the border image, in that order .


Syntax:

CSS border-image-outset property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note: Negative values are permitted for border-image-outset.

Property Values

Value Description
length The amount by which the border extends is defined in terms of length values.
number The amount by which the border extends is defined as multiples of border-width.
inherit The value is inherited by child elements from the parent element.

Specifications

Specs Value
Name border-image-outset
Value [<length> | <number> ] {1,4}
Initial Value 0
Applies to All elements except table element where border-collapse is collapse
Javascript syntax object.style.borderImageOutset="30 30"
Inherited No
Computed Value Same as declared Value
Browser Support internetexplorer safari firefox opera chrome

Related Examples.