THE WORLD'S LARGEST WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML

Style borderImageWidth Property

Style Object Reference 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 Reference Style Object