Menu
Samaritan's Purse

MASK-REPEAT

The mask-repeat property specifies how mask layer images are tiled after they have been sized and positioned.

SYNTAX

CSS

mask-repeat: value;

JS

object.style.maskRepeat = "value";

VALUES

<'mask-repeat'> = <repeat-style>#
<repeat-style> = repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2}
repeat-x

The image is repeated in the horizontal direction as often as needed to cover the background painting area.

repeat-y

The image is repeated in the vertical direction as often as needed to cover the background painting area.

repeat

The image is repeated in the horizontal and vertical direction as often as needed to cover the background painting area.

space

The image is repeated as often as will fit within the background positioning area without being clipped and then the images are spaced out to fill the area.

round

The image is repeated as often as will fit within the background positioning area. If it doesn't fit a whole number of times, it is rescaled so that it does.

no-repeat

The image is placed once and not repeated in this direction.

INITIAL

repeat

EXAMPLES

NO-REPEAT

REPEAT

REPEAT-X

REPEAT-Y

ROUND

SPACE

JS

INTERNAL

mask

mask-clip

mask-composite

mask-image

mask-mode

mask-origin

mask-position

mask-size

mask-type

EXTERNAL

World Wide Web Consortium (W3C)