border-image-width 属性の使用方法

border-image-width 属性は、画像の境界線の幅を指定するために使用されます。4 つの値を設定して、境界線の画像領域を上、右、下、下を表す 9 つの部分のオフセットに分割できます。左側と両側の距離。

#CSS3 border-image-width プロパティ

関数: image 境界線の幅。

構文:

border-image-width: number|%|auto;

number: 対応するボーダー幅の倍数を表します。

%: 参照境界画像領域のサイズ。領域の高さは水平オフセットに影響し、幅は垂直オフセットに影響します。

auto: この属性が指定されている場合、幅は対応する画像スライスの固有の幅になります。

説明: border-image-width 属性の 4 つの値は、境界線イメージを 9 つの部分に分割するオフセットを指定します。これらは、エリアの上、右、下、左から内側への距離を表します。 4 番目の値を省略した場合は、2 番目の値と同じになります。 3 番目の値を省略した場合は、1 番目の値と同じになります。 2 番目の値を省略した場合は、1 番目の値と同じになります。 border-image-width の値として負の値は許可されません。

注: Internet Explorer 10 以前のバージョン、Opera、Safari 5 以前のバージョンは、border-image-width 属性をサポートしていません。

CSS3 border-image-width 属性の使用例

div
{
border-image-source: url(https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
border-image-width: 30 30;
}

以上がborder-image-width 属性の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。