CSS border-image-repeat property

Description

It specifies how the images are laid out i.e. whether the border images should be repeated or not and what should be the orientation of placement of border images?

Syntax

border-image-repeat : stretch | repeat | round | space

Property values

stretchDefault

The border image stretches itself to fill the border area.

border-image-repeat: stretch;

repeat

The border image is repeated to fill the border area.

border-image-repeat: repeat;

round

The border image is repeated untill it fills the border area. If it does not fit the border area a whole number of times, the image is rescaled so as to fit the border area.

border-image-repeat: round;

Applicable to

It applies to all elements except the table with border-collapse:collapse;.

#CSS digger
Was this article helpful?

 
It specifies how the images are laid out.
×

Ctrl+D