border-image: SVG

dabblet.css

/**
 * border-image: SVG
 */

html { background: white }
body {
	border: 20px solid transparent;
	border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 6">\
		<path fill="red" d="m 0,1 L 1,0 2,1 3,0 4,1 5,0 6,1 5,2 6,3 5,4 5,3 5,4 6,5 5,6 4,5 3,6 2,5 1,6 0,5 1,4 0,3 1,2 z" />\
	</svg>') 33.33% fill round;
}

dabblet.html

Hello

dabblet.js

// alert('Hello world!');

settings.json

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