CSS - mask-size

概要

属性名mask-size
<bg-size>#
値の詳細<bg-size> = [ <length-percentage> | auto ]{1,2} | cover | contain
初期値auto
適用可能要素すべての要素。SVG においては <defs> 要素を除くコンテナ要素、グラフィック要素、および、<use> 要素
継承継承しない
サポートhttps://caniuse.com/mdn-css_properties_mask-size

説明

マスクイメージのサイズを指定します。サイズの指定方法は background-size と同じです。マスクの詳細は CSSマスク を参照してください。

mask-image で複数の画像を指定している場合は、mask-size にもカンマ(,)区切りで複数の値を指定することができます。

使用例

CSS
mask-size: auto;
mask-size: 120px 80px;
mask-size: 120px;         /* 120px 120px */
mask-size: cover;
mask-size: contain;

リンク