HTML DOM Style borderImageWidth Property
-- Learn Not Just Technology, But Dreams!
- Home
- HTML
- JavaScript
- CSS
- Vue
- React
- Python3
- Java
- C
- C++
- C#
- AI
- Go
- SQL
- Linux
- VS Code
- Bootstrap
- Git
- Local Bookmarks
JavaScript Reference Manual
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>
Style borderImageWidth Property
Example
Set the width of the image border:
document.getElementById("myDIV").style.borderImageWidth="20px 30px";
Definition and Usage
The borderImageWidth property specifies the width of the image border.
Browser Support
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
YouTip