Style borderImageOutset Attribute
- Vorherige Seite
- Nächste Seite
- Zurück zur übergeordneten Ebene HTML DOM Style-Objekt
Definition and Usage
borderImageOutset
Sets or returns the amount by which the border image area extends beyond the border box (border box).
See Also:
CSS Reference Manual:border-image-outset Attribute
Example
Place the border outside the edge of the <div> element:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
Syntax
Returning the borderImageOutset Attribute:
object.style.borderImageOutset
Setting the borderImageOutset Attribute:
object.style.borderImageOutset = "length|number|initial|inherit"
Note:borderImageOutset
This attribute specifies the amount by which the border image extends beyond the border box. Top, right, bottom, left. If the fourth value is omitted, it is the same as the second value. If the third value is omitted, it is the same as the first value. If the second value is omitted, it is the same as the first value. No negative values are allowed as border-image-outset values.
Attribute Value
Value | Description |
---|---|
length | Length unit, specifying the distance at which the border image will appear. Default value 0. |
number | Represents the multiple of the corresponding border-width. |
initial | Sets this attribute to its default value. See initial. |
inherit | Inherits this attribute from its parent element. See inherit. |
Technical Details
Default Value: | 0 |
---|---|
Return Value: | String, representing the element's border-image-outset Attribute. |
CSS Version: | CSS3 |
Browser Support
Die in der Tabelle angegebenen Zahlen beziehen sich auf die erste Version des Browsers, die diese Eigenschaft vollständig unterstützt.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
unterstützt | 11.0 | unterstützt | 6.0 | 15.0 |
Bitte überprüfen Sie borderImage-Eigenschaft!
- Vorherige Seite
- Nächste Seite
- Zurück zur übergeordneten Ebene HTML DOM Style-Objekt