Easy Tutorial
❮ Prop Style Backfacevisibility Met Namednodemap Item ❯

Style borderImageOutset Property

Style Object

Example

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


Definition and Usage

The borderImageOutset property sets or returns the amount by which the border image area extends beyond the border box.


Browser Support

Opera does not support the borderImageOutset property.

Internet Explorer 10 and earlier versions do not support the borderImageOutset property.

Safari 5 and earlier versions do not support the borderImageOutset property.

See the borderImage property as an alternative!


Syntax

Return the borderImageOutset property:

Set the borderImageOutset property:

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

Property Values

Value Description
length A length unit specifying how far from the edge the border image will appear. The default value is 0.
number Represents multiples of the corresponding border width.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default value: 0
Return value: String, representing the border-image-outset property of the element.
CSS version CSS3

Related Articles

CSS Reference: border-image-outset Property


Style Object

❮ Prop Style Backfacevisibility Met Namednodemap Item ❯