HTML and CSS Reference
In-Depth Information
Name
border-image-repeat
Values:
[
stretch
|
repeat
|
round
]{1,2}
Initial value:
stretch
Applies to:
All elements excepttable elements where
border-collapse
is
collapse
Inherited:
No
Computed value:
Same as declared value
Description:
Defines the repetition pattern (or lack thereof) of the sides of a border image.
stretch
causes
a single copy of the image to be stretched to fit the border segment (top, right, bottom, or left).
repeat
“tiles” the image in a manner familiar from background images, though border im-
ages are only ever tiled along one axis.
round
“tiles” the border image as many times as it will
fit without clipping, then (if necessary) scales the entire set of tiled images to exactly fit the
border segment.
Examples:
div.starry {border-image-repeat: repeat;}
aside {border-image-repeat: stretch round;}
Note:
As of early 2011, browsers did not support
border-image-repeat
. It is included because
border-image
(which encompasses
border-image-repeat
) wassupported and browsers
were expected to add
border-image-repeat
support by the end of 2011.