Is border-image-outset supported?
by David Storey
HTML
<div class="url number-1"></div>
<div class="url number-2"></div>
<div class="url number-3"></div>
<div class="url number-4"></div>
<div class="url length-1"></div>
<div class="url length-2"></div>
<div class="url length-3"></div>
<div class="url length-4"></div>
CSS
div {
width: 200px;
height: 200px;
border: 20px solid red;
margin: .5em;
border-image-slice: 20;
border-image-source: url("https://dl.dropboxusercontent.com/u/444684/openwebref/images/placeholder.png");
}
.number-1 {
border-image-outset: .5;
}
.number-2 {
border-image-outset: 2 4;
}
.number-3 {
border-image-outset: 2 3 4;
}
.number-4 {
border-image-outset: 1 2 3 4;
}
.length-1 {
border-image-outset: 20px;
}
.length-2 {
border-image-outset: 20px 40px;
}
.length-3 {
border-image-outset: 20px 30px 40px;
}
.length-4 {
border-image-outset: 10px 20px 30px 40px;
}