YouTip LogoYouTip

Prop Style Borderimagewidth

HTML DOM Style borderImageWidth Property

HTML DOM Style borderImageWidth Property

-- Learn Not Just Technology, But Dreams!

JavaScript Reference Manual

Overview

JavaScript Objects

JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global Properties/Functions JavaScript Operators JavaScript Error

Browser Objects

Window Object Navigator Object Screen Object History Object Location Object Storage Object

DOM Objects

HTML DOM Document Object HTML DOM Element Object HTML DOM Attribute Object HTML DOM Event Object HTML DOM Console Object CSSStyleDeclaration Object DOM HTMLCollection

HTML Objects

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

<source>

HTML DOM Table Object

Style borderImageWidth Property

Image 8: Style Object Reference Manual Style Object

Example

Set the width of the image border:

document.getElementById("myDIV").style.borderImageWidth="20px 30px";

Try it yourself Β»


Definition and Usage

The borderImageWidth property specifies the width of the image border.


Browser Support

Image 9: Internet Explorer Image 10: Firefox Image 11: Opera Image 12: Google Chrome Image 13: Safari

Opera does not support the borderImageWidth property.

Internet Explorer 10 and earlier versions do not support the borderImageWidth property.

Safari 5 and earlier versions do not support the borderImageWidth property.

Please refer to the borderImage property as an alternative!


Syntax

Get 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_ The default value is 1. Represents a multiple of the corresponding border width.
_%_ A percentage relative to the size of the border image area: horizontal offset refers to the width of the area, vertical offset refers to the height of the area.
auto If specified, the width is the intrinsic width or height of the corresponding image slice.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.

Technical Details

Default Value: 1
Return Value: A string, representing the border-image-width property of the element.
CSS Version: CSS3

Related Articles

CSS Reference: border-image-width Property


Image 14: Style Object Reference Manual Style Object

<source>

← Prop Style BorderradiusProp Style Borderimagesource β†’