border-image-outsetの意味と使い方

ボーダーの画像はボーダー画像領域と呼ばれる領域に表示されます。通常、ボーダー画像領域は、ボーダーボックスと一致しますが、border-image-outsetプロパティを使うと、表示される領域をボーダーボックスの外側に広げることができます。
どれだけ広げるのかを、それぞれボーダーボックスの上辺、右辺、下辺、左辺からの距離で指定します。値が1つだけの時は4つの距離すべてに適用されますが、2〜4個の値を半角スペースで区切って記述すると、値の数によって下記のように適用されます。