CSS Border Image Demo using Gradients

dabblet.css

/*  CSS Border Image Demo using Gradients */

.bi{
padding: 1em;
border: 1em solid transparent;
background: linear-gradient(white, white),    
        url("http://3.imimg.com/data3/HO/LB/MY-9934284/rainbow-and-teakwood-stone-mosaic-tiles-250x250.jpg");
background-size: cover;
background-clip: padding-box, border-box;
background-origin: border-box;
width: 200px;
height:200px;
margin: 20px;
}

dabblet.html

<!-- CSS Border Image Demo using Gradients -->
<div class="bi"></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}