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

Internet Explorer Firefox Opera Google Chrome Safari

The borderImageWidth property is not supported in Opera.

The borderImageWidth property is not supported in Internet Explorer 10 and earlier.

The borderImageWidth property is not supported in Safari 5 and earlier.

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