Menu Samaritan's Purse

MASK-BORDER-REPEAT

The mask-border-repeat property specifies how the images for the sides and the middle part of the mask border image are scaled and tiled.

SYNTAX

CSS

mask-border-repeat: value;

JS

object.style.maskBorderRepeat = "value";

VALUES

<'mask-border-repeat'> = [ stretch | repeat | round | space ]{1,2}
stretch

The image is stretched to fill the area.

repeat

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

round

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

space

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

INITIAL

stretch

EXAMPLES

REPEAT

ROUND

SPACE

STRETCH

JS

INTERNAL

mask-border

mask-border-mode

mask-border-outset

mask-border-slice

mask-border-source

mask-border-width

EXTERNAL

World Wide Web Consortium (W3C)