Style borderImageRepeat Property

Definition and Usage

borderImageRepeat Sets or returns whether the image border should be tiled (repeated), filled (rounded), or stretched (stretched).

See also:

CSS Reference Manual:border-image-repeat property

Example

Specifies how the image border should be repeated:

document.getElementById("myDIV").style.borderImageRepeat = "round";

Try It Yourself

Syntax

Return borderImageRepeat Property:

object.style.borderImageRepeat

Set borderImageRepeat Property:

object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"

Property Value

Value Description
stretch Default value. 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 the area is not filled with a complete number of tiles, the image is resized to fit.
space

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

If the area is not filled with a complete number of tiles, the extra space will be distributed around the tiles.
initial Sets this property to its default value. See also initial.
inherit Inherits this property from its parent element. See also inherit.

Technical Details

Default value: stretch
Return value: string, indicating the border-image-repeat property.
CSS Version: CSS3

Browser Support

The numbers in the table indicate the first browser version that fully supports this property.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supports 11.0 Supports 6.0 15.0

See Also borderImage Property.