CSS3 border-image-outsetプロパティ
例
border-img-outset プロパティを設定：
div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}
ブラウザサポート
表内の数字は、そのプロパティをサポートする最初のブラウザバージョン番号を示します。
| プロパティ | |||||
|---|---|---|---|---|---|
| border-image-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
プロパティ定義と使用説明
border-image-outset は、ボーダー（枠線）の外側に border-image-area を描画する量を指定します。
| デフォルト値： | 0 |
|---|---|
| 継承： | no |
| バージョン： | CSS3 |
| JavaScript 構文： | object.style.borderImageOutset="30 30" |
構文
border-image-outset: length|number;
注意：border-image-outset は、ボーダー（枠線）の外側に border-image-area を描画する量を指定します。上下方向および左右方向の部分を含みます。4番目の値が省略された場合、2番目の値と同じになります。3番目も省略された場合、1番目の値と同じになります。2番目も省略された場合、1番目の値と同じになります。border-im-outset に負の値は許可されません。
| 值 | 説明 | 例 |
|---|---|---|
| length | 枠線画像と枠線（border-image）の距離を設定します。デフォルトは0です。 | 試してみる » |
| number | 対応する border-width の倍数を表します。 | 試してみる » |