マスク画像の位置調整。
| 名前 | mask-position
|
|---|---|
| 値 | <position># |
| 初期値 | 0% 0% |
| 適用対象 | mask-image と同じ（すべての要素。SVG においては、［defs 要素以外のコンテナ要素／グラフィックス要素／ use 要素］）。 |
| 継承 | されない |
| 百分率 | ［マスク塗り区画のサイズ ― マスク層画像のサイズ］を基準にする。background-position のテキストを見よ。[CSS3BG] |
| 算出値 | 原点を表現している 2 個のキーワードと、その原点からの 2 個のオフセットからなる ― 各オフセットは、<length> で与えられた場合には絶対長さ、他の場合は百分率としてとして与えられる。 |
| 正準的順序 | 文法に従う |
| アニメーション型 | 繰り返し可能なリスト |
下の例では、（単独の）画像が表示域の右下隅に配置される。
body {
mask-image: url("logo.png");
mask-position: 100% 100%;
mask-repeat: no-repeat;
}
マスク位置は、左上隅以外の隅から相対的にもなれる。例えば次のものは、背景画像を下端から 10px、右端から 3em の所に置く：
mask-position: right 3em bottom 10px
mask-position 値を成すカンマで分離された値たちが、どのマスク層に寄与するかについては、複数のマスク画像の多層化法を見よ。
| 表示内容： |
| 表示内容： |