CSS3

プロパティ

mask-border-slice

  編集:2022.07.14 by T.A.

mdn

マスク ボーダー画像の切分け法。

名前 mask-border-slice
[ <number> | <percentage> ]{1,4} fill?
初期値 0
適用対象 mask-image と同じ
継承 されない
百分率 マスクボーダー画像のサイズを基準にする
算出値 指定値
正準的順序 文法に従う
アニメーション型 離散的

このプロパティは、マスクボーダー画像を 9 個の領域 ― 4 隅、4 辺、真中 ― に分割するときの[上端、右端、下端、左端]辺からの内方オフセットを指定する。真中部位の画像は、fill キーワードが無い場合には、破棄され,全部的に不透明な白として扱われる(真中部位に覆われる内容は、マスクされず透過する)。

各種 値の定義については、border-image-slice プロパティを見よ。[CSS3BG]

[ <number> | <percentage> ]{1,4} fill?

fill キーワードが無い場合には破棄され、全部的に不透明な白として扱われる(真中部位に覆われる内容は、マスクされず透過する)。


テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: