CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS3 border-image-outset Property
Example
Set the border-image-outset property:
div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}
Browser Support
The border-image-outset property is not supported in any of the major browsers.
Look at the border-image property instead!
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
border-image-outset: length|number;
Note: The border-image-outset property specifies the amount by which the border image area 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. If the third one is also omitted, it is the same as the first. If the second one is also omitted, it is the same as the first. Negative values are not allowed for any of the border-image-outset values.
| Value | Description |
|---|---|
| length | |
| number | Represent multiples of the corresponding border-width |
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
