border-image-repeat

The border-image-repeat CSS property defines how the edge regions of a source image are adjusted to fit the dimensions of an element's border image.

Initial value stretch
Applies to all elements, except internal table elements when border-collapse is collapse. It also applies to ::first-letter.

Syntax

  
border-image-repeat: round;
  

Values

The source image's edge regions are stretched to fill the gap between each border.
The source image's edge regions are tiled (repeated) to fill the gap between each border. Tiles may be clipped to achieve the proper fit.
The source image's edge regions are tiled (repeated) to fill the gap between each border. Tiles may be stretched to achieve the proper fit.
The source image's edge regions are tiled (repeated) to fill the gap between each border. Extra space will be distributed in between tiles to achieve the proper fit.

Browser support

border-image-repeatchrome15edge12firefox15ie11opera15safari6
roundchrome30edge12firefox15ie11opera17safari9.1
spacechrome56edge12firefox50ie11opera43safari9.1

We use cookies to improve your experience. Learn more in our Privacy policy.

×