border-image

dabblet.css

/**
 * border-image
 */

div {
	width: 300px; padding: .5em;
	border: 20px solid transparent;
	-moz-border-image: url('http://leaverou.github.com/chainvas/img/cloth.png') 33.3% round;
	-ms-border-image: url('http://leaverou.github.com/chainvas/img/cloth.svg') 33.3% round;
	-webkit-border-image: url('http://leaverou.github.com/chainvas/img/cloth.svg') 33.3% round;
	-o-border-image: url('http://leaverou.github.com/chainvas/img/cloth.svg') 33.3% round;
	border-image: url('http://leaverou.github.com/chainvas/img/cloth.svg') 33.3% round fill;
	
	overflow: auto; 
	resize: both;
	font: italic 300%/1.2 Baskerville, Palatino Linotype, Georgia, serif;
	text-shadow: 0 .05em white;
}

html {
	background: url('http://leaverou.github.com/chainvas/img/background.jpg')
}

dabblet.html

<div>Resize me and observe my awesomeness ;-)</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"css"}