Easy Tutorial
❮ Prop Form Enctype Prop Win Self ❯

Style borderImageRepeat Property

Style Object

Example

Specifies how to repeat the image border:


Definition and Usage

The borderImageRepeat property sets or returns whether the image border should be repeated, rounded, 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.

See the borderImage property as an alternative!


Syntax

Return the borderImageRepeat property:

Set the borderImageRepeat property:

Property Values

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 tiles do not fit exactly, the image is scaled so they do.
space The image is tiled (repeated) to fill the area. If the tiles do not fit exactly, the extra space is distributed between the tiles.
initial Sets this property to its default value. See initial
inherit Inherits this property from its parent element. See inherit

Technical Details

Default value: stretch
Return Value: A string representing the border-image-repeat property of the element.
--- ---
CSS Version CSS3
--- ---

Related Articles

CSS Reference: border-image-repeat Property


Style Object

❮ Prop Form Enctype Prop Win Self ❯