CSS - border-image-width 属性_CSS 菜鸟教程

设置设置为元素边框的图像的宽度。

可能的值

length − 指定宽度（以像素为单位）的任何长度单位值。
number − 它表示 border-width 的倍数，默认值为 1。
percentage (%) − 它是指边界图像区域的大小。
auto - 它被指定为相应图像切片的内部宽度或高度。
initial − 它设置属性的默认值。
inherit - 它从父元素继承属性。

适用于

所有 HTML 元素。

DOM 语法

object.style.borderImageWidth = "10px";

例

以下示例显示了此属性的效果 -

<html>
<head>
	 	<style>
	 	.box {
	 	 	 	 	 	 width: 200px;
	 	 	 	 	 	 height: 200px;
	 	 	 	 	 	 border: 20px solid;
	 	 	 	 	 	 border-image-source: url(images/border.png);
	 	 	 	 	 	 border-image-width: 15px;
	 	 	 	 	 	 border-image-slice: 33%;
	 	 	 	 	 	 border-image-outset: 8px;
	 	 	 	 }
	 	</style>
</head>
<body>
	 	 	 	 <div class="box"></div>
</body>
</html>

<< CSS - border-image-source 属性 CSS - border-inline 属性 >>