Style borderImageWidth Property
Clash Royale CLAN TAG#URR8PPP
<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]-->
Style borderImageWidth Property
❮ Style Object
Example
Specify the widths of the image-border:
document.getElementById("myDIV").style.borderImageWidth = "20px 30px";
Try it Yourself »
Definition and Usage
The borderImageWidth property specifies the widths of the image-border.
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Property | |||||
---|---|---|---|---|---|
borderImageWidth | Yes | 11.0 | Yes | 6.0 | Not supported |
Look at the borderImage property instead!
Syntax
Return the borderImageWidth property:
object.style.borderImageWidth
Set the borderImageWidth property:
object.style.borderImageWidth = "number|%|auto|initial|inherit"
Property Values
Value | Description |
---|---|
length | A length unit (px) specifying the size of the border-width |
number | Default value 1. Represents multiples of the corresponding border-width |
% | Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets |
auto | If specified, the width is the intrinsic width or height of the corresponding image slice |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technical Details
Default Value: | 1 |
---|---|
Return Value: | A String, representing the border-image-width property of an element |
CSS Version | CSS3 |
Related Pages
CSS reference: border-image-width property
❮ Style Object