HTML DOM 中的 Style borderImageWidth属性用于设置或返回边框图像的宽度。
句法:
- 它返回 borderImageWidth 属性
object.style.borderImageWidth
- 用于设置 borderImageWidth 属性
object.style.borderImageWidth = "number|percentage|auto| initial|inherit"
属性值
- number:用于设置宽度为border-width对应计算值的倍数。这是设置为 1 时的默认值。
示例 1:
DOM Style borderImageWidth Property DOM Style borderImageWidth Property
Click on the button to change the width of border-image
GeeksforGeeks输出:
点击按钮前:
点击按钮后: - length:用于以长度单位设置宽度。
例子:
DOM Style borderImageWidth Property DOM Style borderImageWidth Property
Click on the button to change the width of border-image
GeeksforGeeks输出:
点击按钮前:
点击按钮后: - 百分比:用于以百分比形式设置宽度。百分比相对于水平偏移的边界图像区域的宽度和垂直偏移的边界图像区域的高度。
例子:
DOM Style borderImageWidth Property DOM Style borderImageWidth Property
Click on the button to change the width of border-image
GeeksforGeeks输出:
点击按钮前:
点击按钮后: - auto:它使边框的宽度等于相应图像切片的固有宽度或高度。
例子:
DOM Style borderImageWidth Property DOM Style borderImageWidth Property
Click on the button to change the width of border-image
GeeksforGeeks输出:
点击按钮前:
点击按钮后: - initial:用于将 borderImageWidth 属性设置为其默认值。
例子:
DOM Style borderImageWidth Property DOM Style borderImageWidth Property
Click on the button to change the width of border-image
GeeksforGeeks输出:
点击按钮前:
点击按钮后: - inherit :它从其父级继承属性。
例子:
DOM Style borderImageWidth Property DOM Style borderImageWidth Property
Click on the button to change the width of border-image
GeeksforGeeks输出:
点击按钮前:
点击按钮后:
支持的浏览器: borderImageWidth 属性支持的浏览器如下:
- 铬合金
- 浏览器 11
- 火狐
- 野生动物园 6