CSS border-image-repeat Property
CSS's border-image-repeat property is used to scale and tile border images. It can be used to scale the middle portion of the border image to fit the size of the border. It can only have one or two values. One is for the horizontal axis and the other is for the vertical axis.
If only one value is given, it applies to all sides, but if two values are given, it applies to all sides. It has one value for horizontal sides and another for vertical sides.
Syntax
Property Values
| Value | Description |
|---|---|
| stretch | The default value. The image has been stretched to fill the space. |
| repeat | To fill the space, the image is tiled (repeated). |
| round | To fill the space, the image is tiled (repeated). If the image does not fill the entire area with tiles, it is rescaled to fit. |
| space | To fill the space, the image is tiled (repeated). If it does not cover the entire area with tiles, the extra space is distributed around the tiles. |
| initial | This property is set to its default value. |
| inherit | This property is inherited from its parent element. |
Supported Browsers
| Element | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| border-image-repeat | 15.0 | 15.0 | 6.0 | 11.0 | 15.0 |