HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

border-image-repeat

Description

The border-image-repeat property for CSS 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

1 · repeat

2 · round

3 · space

4 · stretch

5 · JS