/

HTML / CSS / JavaScript Tutorial

CSS Property: border-image-repeat

[this page | pdf | back links]

The CSS (CSS3) border-image-repeat property specifies whether and how the border image should be repeated, rounded or stretched.

 

Valid property values (other than inherit and initial) are:

 

Value

Description

repeat

Image tiled (i.e. repeated) to fill area

round

Image tiled (i.e. repeated) to fill area (with image rescaled so that it exactly fits the area)

space

Image tiled (i.e. repeated) to fill area (with extra space distributed around tiles if the fit is not exact

stretch

(default value). Image stretch to fill area

 

Default Value:

stretch

JavaScript syntax:

e.g. object.style.borderImageRepeat="space"

Inherited:

No

Animatable:

No

 


NAVIGATION LINKS
Contents | Prev | Next | CSS Properties


Desktop view | Switch to Mobile