border-image-outsetプロパティは、ボーダーイメージ領域がボーダーボックスを超えて拡がる量を指定する際に使用します。

ボーダーイメージ領域とは、画像ボーダーが描かれる領域のことです。 初期値ではボーダーボックスと同じ領域ですが、そこから外側に広げる距離を上・右・下・左それぞれの値で指定します。 値は省略することができますが、その場合には以下のルールに基づいて解釈されます。

• 4番目の値が省略された場合には、2番目の値と同じ。
• 3番目の値が省略された場合には、1番目の値と同じ。
• 2番目の値が省略された場合には、1番目の値と同じ。

border-image-outsetプロパティには負の値を指定することはできません。

ボーダーボックスの外側に描画された画像ボーダー部分は、スクロールの対象にはなりません。また、この部分はマウスイベントから隠されており、要素の代わりにイベントを捕らえることはありません。

尚、border-imageプロパティを使用すると、画像ボーダーについてまとめて指定することができます。

■値

■初期値・適用対象・値の継承

■使用例

Sponsors