mask-border-repeat

CSS の mask-border-repeat プロパティは、どのように元の画像の辺の領域を要素のマスク境界の寸法に合うように調整するかを設定します。

/* キーワード値 */
mask-border-repeat: stretch;
mask-border-repeat: repeat;
mask-border-repeat: round;
mask-border-repeat: space;

/* 上下 | 左右 */
mask-border-repeat: round stretch;

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

mask-border-repeat プロパティは、以下の値のリストから一つまたは二つの値を使用して指定します。

• 一つの値が指定されると、全四辺に同じ動作が適用されます。
• 二つの値が指定されると、最初の値は上と下の辺に、二番目の値は左と右の辺に適用されます。

stretch

元の画像の辺の領域は、それぞれの境界の間の溝を埋めるように引き伸ばされます。

repeat

元の画像の辺の領域は、それぞれの境界の間の溝を埋めるようにタイル配置 (繰り返し) されます。タイルは正しく合うように切り取られることがあります。

round

元の画像の辺の領域は、それぞれの境界の間の溝を埋めるようにタイル配置 (繰り返し) されます。タイルは正しく合うように引き伸ばされることがあります。

space

元の画像の辺の領域は、それぞれの境界の間の溝を埋めるようにタイル配置 (繰り返し) されます。正しく合うように間隔が配布されることがあります。

[ stretch | repeat | round | space ]{1,2}

TBD