The mask-repeat property specifies how the mask image is repeated across the mask painting area (horizontally, vertically, or both). Parallel to background-repeat..tiled {
mask-repeat: repeat;
}.horizontal-only {
mask-image: url("pattern.svg");
mask-repeat: repeat-x;
mask-position: center;
}repeatThe image is repeated on both axes (default value).repeat-xThe image is repeated only on the horizontal axis.repeat-yThe image is repeated only on the vertical axis.no-repeatThe image is not repeated — appears only once.spaceThe image repeats without clipping, with equal space distributed between repetitions.roundThe image repeats and is stretched/squashed so a whole number of repetitions fits the area.CSS Masking Module Level 1Editor's DraftW3CMDNShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
