CSS3

プロパティ

mask-border-outset

  編集:2022.07.14 by T.A.

mdn

マスク ボーダー辺の張り出し。

名前 mask-border-outset
[<length> | <number>]{1,4}
初期値 0
適用対象 mask-image と同じ(すべての要素。SVG においては、[defs 要素以外のコンテナ要素グラフィックス要素use 要素]。)
継承 されない
百分率 受容しない
算出値 指定値 ― ただし、すべての <length> は絶対化される
正準的順序 文法に従う
アニメーション型 離散的

値は、マスク ボーダー画像区画がボーダー ボックスを超えて拡張する量を指定する。一連の成分値は、ボーダーの各 辺から区画を成す各 辺までの外方オフセットを時計回りに設定する。

mask-border-width と同じく、<number> は,対応する border-width の何倍になるかを表現する。負な値は、mask-border-outset を成す、どの値にも許容されない。

注記: レイアウト ボックスが結び付けられない SVG 要素に対しては、border-width は 0 と見なされる。

<length>

<IMG src="../Sample/Picture.jpg">
<IMG src="../Sample/Picture.jpg" style="
 -webkit-mask-box-image-outset:5px;
 mask-border-outset:5px;
">

<number>
対応する border-width の何倍になるかを表現する。

テスト
HTML:

ここに表示
¶[Edge]✖?
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: