Is border-image-repeat supported?
by David Storey
HTML
<div class="stretch"></div>
<div class="repeat"></div>
<div class="round"></div>
<div class="space"></div>
<div class="stretch-repeat"></div>
<div class="repeat-round"></div>
<div class="round-space"></div>
CSS
div {
width: 200px;
height: 200px;
border: 20px solid red;
margin: .5em;
border-image-slice: 1 fill;
border-image-source: url("https://dl.dropboxusercontent.com/u/444684/openwebref/images/placeholder.png");
}
.stretch {
border-image-repeat: stretch;
}
.repeat {
border-image-repeat: repeat;
}
.round {
border-image-repeat: round;
}
.space {
border-image-repeat: space;
}
.stretch-repeat {
border-image-repeat: stretch repeat;
}
.repeat-round {
border-image-repeat: repeat round;
}
.round-space {
border-image-repeat: round space;
}