Menu Samaritan's Purse

BORDER-IMAGE-REPEAT

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

SYNTAX

CSS

border-image-repeat: value;

JS

object.style.borderImageRepeat = "value";

VALUES

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

The image is stretched to fill the area.

repeat

The image is tiled (repeated) to fill the area.

round

The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does.

space

The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles.

INITIAL

stretch

EXAMPLES

REPEAT

ROUND

SPACE

STRETCH

JS

INTERNAL

border-image

border-image-outset

border-image-slice

border-image-source

border-image-width

EXTERNAL

World Wide Web Consortium (W3C)