border-image-width

概要

CSS の border-image-width プロパティは、ボーダーの 4 辺それぞれについて、ボーダー画像のスライスを表示する幅を決めます。幅とは、ボーダー画像領域の上下左右の各辺からの、内向きの距離を表します。

構文

形式文法: [ <length> | <percentage> | <number> | auto ]{1,4}

border-image-width: width                      /* One-value syntax */       E.g. border-image-width: 3;
border-image-width: horizontal vertical        /* Two-value syntax */       E.g. border-image-width: 2em 3em;
border-image-width: top vertical bottom        /* Three-value syntax */     E.g. border-image-width: 5% 15% 10%;
border-image-width: top right bottom left      /* Four-value syntax */      E.g. border-image-width: 5% 2em 10% auto;

border-image-width: inherit

値

<length>

画像スライスの length を表します。絶対的、相対的どちらの length も使えます。負の値であってはいけません。

<percentage>

ボーダー画像領域の高さまたは幅に対する、画像スライスのパーセンテージを表します。負の値であってはいけません。

<number>

画像スライスに、要素の border-width プロパティの計算値の何倍の大きさを使うのかを指定します。負の値であってはいけません。

auto

画像の幅または高さが、その寸法の intrinsic なサイズにならなければならないことを示します。

仕様

ブラウザ実装状況