CSS3のborder-画像-width属性
例
画像の境界線の幅を指定します。
div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}
{
border-image-source: url(border.png);
border-image-width: 30 30;
}
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
| 属性 | |||||
|---|---|---|---|---|---|
| border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
属性の定義と指示
ボーダー-画像-width属性の幅は画像の境界線を指定します。
| デフォルト： | 1 |
|---|---|
| 継承： | いいえ |
| バージョン： | CSS3 |
| JavaScriptシンタックス： | オブジェクト.style.borderImageWidth = "30 30" |
文法
border-image-width:number|%|auto;
注：境界画像領域のための特定された4つのボーダー画像-width値は9つのセクションに分割されています。それらを代表して、右、下、内側に側面から、左。 第四の値が省略された場合、第二は、同一です。 あなたは、サードを省略し、それは最初と同じである場合。 また、第二のを省略し、そしてそれは、最初と同じである場合。 負の値は許可されません。
| 値 | 説明 |
|---|---|
| 数 | 対応する境界線幅の倍数ことを示します |
| ％ | 幅領域の高さ領域を横方向にオフセット、垂直オフセット画像領域の境界のサイズを |
| オート | 指定された場合は、固有幅は、対応する画像スライスの幅または高さであります |