mask-border-mode

mask-border-modeCSS のプロパティで、マスク境界の混合モードを指定します。

構文

css
/* キーワード値 */
mask-border-mode: luminance;
mask-border-mode: alpha;

/* グローバル値 */
mask-border-mode: inherit;
mask-border-mode: initial;
mask-border-mode: repeat;
mask-border-mode: unset;

luminance

マスク境界画像の輝度値がマスク値として使用されます。

alpha

マスク境界画像のアルファ値がマスク値として使用されます。

公式定義

初期値alpha
適用対象すべての要素。 SVG の場合は defs 要素やすべてのグラフィック要素を除いたコンテナー要素に適用される
継承なし
計算値指定通り
アニメーションの種類離散値

形式文法

mask-border-mode = 
luminance |
alpha

基本的な使用

このプロパティは、まだどこでも対応されていないようです。このプロパティが対応されるようになれば、マスク境界に使用される混合モードの種類を、輝度値とアルファ値から指定することができるようになります。

css
mask-border-mode: luminance;
mask-border-mode: alpha;

仕様書

Specification
CSS Masking Module Level 1
# the-mask-border-mode

ブラウザーの互換性

{{Compat}}

関連情報