属性名 | 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
にもカンマ(,)区切りで複数の値を指定することができます。
mask-size: auto;
mask-size: 120px 80px;
mask-size: 120px; /* 120px 120px */
mask-size: cover;
mask-size: contain;