CSS ボーダーアイコン幅属性

定義と使用法

border-image-width属性は、画像の枠線の幅を指定します。

も参照してください：

CSS3チュートリアル：CSS3 边框

例

画像の枠線の幅を指定します：

div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}

CSS文法

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

注記：border-image-width属性の4つの値が指定されると、枠線画像を9つの部分に分割します。これらは、領域の上、右、下、左側から内側への距離を表します。第4の値を省略すると、第2の値と同じになります。第3の値を省略すると、第1の値と同じになります。第2の値を省略すると、第1の値と同じになります。border-image-width値として負の値は許可されません。

属性値

値 説明
number 対応するborder-widthの倍数を表します。
% 参照する枠線画像領域のサイズ：高さは水平オフセットに影響し、幅は垂直オフセットに影響します。
auto この属性が指定されている場合、幅は対応する画像スライスの固有の幅です。

技術的詳細

デフォルト値： none
継承性： no
バージョン： CSS3
JavaScript文法： object.style.borderImageWidth="30 30"

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 13.0 6.0 15.0

参照してください border-image 属性。