Awesome Edge Border Box

Double border edge emphasis

by Eric

HTML

<div class="awe-box"></div>

CSS

body
{
    padding: 20px;
}

.awe-box
{
    width: 150px;
    height: 150px;
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
    
    border: 15px solid #000000;
    border-image: url('https://i.stack.imgur.com/1WlsT.png') 34% repeat;
}