Border Image Test

dabblet.css

/**
 * Border Image Test
 */

* {
	font-family: arial;
}

.border-wrapper {
	width: 50%;
	margin: 20px;
	padding: 10px;
	background-color: pink;
}

.border {
	border-width: 9px 7px;
	/* http://i.imgur.com/L97sndo.png*/
	border-image: url(http://i.imgur.com/lpUgFOv.png) 18 14 stretch;
}
.border-content {
	margin-left: -4px;
	margin-right: -4px;
	background-image: url(http://i.imgur.com/lpUgFOv.png);
	background-size: 300% 300%;
	background-position: center center;
}

.border h1, .border p {
	padding-bottom: 20px;
}

h1,p {
	margin: 0;
	padding: 0;
}

dabblet.html

<div class="border-wrapper">
	<div class="border">
		<div class="border-content">
			<h1> test123 </h1>
			<p>derp 123 dasdkasdlksj adasldkja sldjalsd jalksd jlkjad lskdddsdasdas dasdasda sdadsasda jalsdkjasd</p>
		</div>
	</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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