CSS ボーダーアイコンアウトセット属性

定義と使用法

border-image-outset 属性は、フレームの画像がフレームボックスを超える量を定義します。

も参照してください：

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

例

border-image-outset 属性の設定：

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

CSS 文法

border-image-outset: length|number;

注釈：border-image-outset 属性は、フレームの画像がフレームボックスを超える量を定義します。上、右、下、左の順に記載します。第四の値を省略すると、第二の値と同じになります。第三の値を省略すると、第一の値と同じになります。第二の値を省略すると、第一の値と同じになります。border-image-outset 値として負の値は許可されません。

属性値

値 説明
length
number 対応する border-width の倍数を表します。

技術的詳細

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

ブラウザのサポート

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

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

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