Style borderImageOutset
Property
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 for borderImageOutset
are not allowed.
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