border image repeat

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

CSS3 border-image-repeat Property

Example

Specify how to repeat the border image:

#borderimg {
    border-image-source: url(border.png);
    border-image-repeat: repeat;

}

Definition and Usage

The border-image-repeat property specifies whether the border image should be repeated, rounded or stretched.

CSS Syntax

border-image-repeat: 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 (repeated) to fill the area  
round The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so it fits  
space The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles