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 Set this property to its default value. See also initial.
inherit This property inherits from its parent element. See also inherit.

Technical Details

Default value: stretch
Return value: A string that represents the border-image-repeat Property.
CSS Version: CSS3

Browser support

Die in der Tabelle genannten Zahlen geben die erste Version des Browsers an, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützt 11.0 Unterstützt 6.0 15.0

Siehe auch borderImage-Eigenschaft.