The Not Too Distant Future of CSS - The CSS - page 244

and border-image-outside (that describe where the images are
drawn in the border area) in the order <border-image-source> ,
<border-image-slice> , <border-image-repeat> .

Figure 14.7 uses the image from Figure 14.6 as a border image and
demonstrates the difference between border-image-repeat values.

div {
/* set common width for all browsers */
border-width: 30px;

}
div.one {
/* for Firefox */
-moz-border-image: url(images/border_background_tile.png)

➥ 30 30 30 30 round round;

/* for Safari and Chrome */
-webkit-border-image: url(images/border_background_tile.png)

➥ 30 30 30 30 round round;

/* W3C specs */
border-image: url(images/border_background_tile.png) 30 30

➥ 30 30 round round;

}
div.two {
/* for Firefox */
-moz-border-image: url(images/border_background_tile.png)

➥ 30 30 30 30 stretch stretch;

/* for Safari and Chrome */
-webkit-border-image: url(images/border_background_tile.png)

➥ 30 30 30 30 stretch stretch;

/* W3C specs */
border-image: url(images/border_background_tile.png) 30 30

➥ 30 30 stretch stretch;