Style borderImageRepeatProperty
Style ObjectExamples
Specifies how to repeat the image border:
document.getElementById("myDIV").style.borderImageRepeat="round";
Try it Yourself »
Definition and Usage
The borderImageRepeat property sets or returns whether the image border is repeated, tiled, or stretched.
Browser Support
Opera does not support the borderImageRepeat property.
Internet Explorer 10 and earlier versions do not support the borderImageRepeat property.
Safari 5 and earlier versions do not support the borderImageRepeat property.
SeeborderImageproperty instead!
Syntax
Return the borderImageRepeat property:
object.style.borderImageRepeat
Set the borderImageRepeat property:
object.style.borderImageRepeat="stretch|repeat|round|initial|inherit"
Property Values
| Value | Description |
|---|---|
| stretch | Default value. The image is stretched to fill the area. |
| repeat | The image is tiled to fill the area. |
| round | The image is tiled to fill the area. If the number of tiles needed to fill the area is not an integer, the image is scaled so that the number of tiles becomes an integer. |
| space | The image is tiled to fill the area. If the number of tiles needed to fill the area is not an integer, the extra space is distributed among the tiles. |
| initial | Sets this property to its default value. Seeinitial。 |
| inherit | Inherits this property from its parent element. Seeinherit。 |
Technical Details
| Default value: | stretch |
|---|---|
| Return value: | A string representing the element's border-image-repeat property. |
| CSS Version | CSS3 |
Related Articles
CSS Reference:border-image-repeat property
Other Extensions