JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li>Objective:<img src="http://i.imgur.com/qk5aA6v.png"/></li>
    <li>Border-Image:<img class="border oultine" src="http://i.imgur.com/ZLmYjVc.png" /></li>
    <li>Multiple Bckgd's:<img class="multiple" src="http://i.imgur.com/ZLmYjVc.png"  /></li>
    <li>::After:<img class="after" src="http://i.imgur.com/ZLmYjVc.png" /></li> 
    <li>jQuery'd:<img class="jqueried" src="http://i.imgur.com/ZLmYjVc.png" /></li>
</ol>
<br/><br/><br/>
<b>Img Resources:</b>
<ul>
    <li>4 borders: <br/>http://i.imgur.com/nFVLkAl.png</li>
    <li>TLDR: <br/>
    http://i.imgur.com/0yCz3oA.png<br/>
    http://i.imgur.com/fWtyg99.png<br/> 
    http://i.imgur.com/UcOam5I.png<br/>
    http://i.imgur.com/pjYWHyM.png<br/>
    <br/></li>
</ul>

CSS

.after{
    content:"";
}
.border{
  border-style: solid;
  border-width: 36px;
  -moz-border-image: url(http://i.imgur.com/nFVLkAl.png) 36 repeat;
  -webkit-border-image: url(http://i.imgur.com/nFVLkAl.png) 36 repeat;
  -o-border-image: url(http://i.imgur.com/nFVLkAl.png) 36 repeat;
  border-image: url(http://i.imgur.com/nFVLkAl.png) 36 fill repeat;
}
.oultine{
  /*/ border: 2px solid black; /**/
  outline: 2px solid red;
  outline-offset:-20px; 
}
.multiple{
  /*/
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
  padding:6px;
  background: url(http://i.imgur.com/0yCz3oA.png) top left, url(http://i.imgur.com/fWtyg99.png) top right, url(http://i.imgur.com/UcOam5I.png) bottom left, url(http://i.imgur.com/pjYWHyM.png) bottom right;
  background-repeat: no-repeat;
}
.after::after{
  content: url(http://i.imgur.com/nFVLkAl.png);
  position: relative;
  top: -8px;
  right: -8px;
}
.jqueried { position: relative; }
.TL,.TR,.BR,.BL{
  position: absolute;
}
.TL { top:0; left:0; }
.TR { top:0; right:0; }
.BR { bottom:0; right:0; }
.BL { bottom:0; left:0; }

JavaScript

$('.jqueried').after('<img src="http://i.imgur.com/0yCz3oA.png" class="TL" />');
$('.jqueried').after('<img src="http://i.imgur.com/pjYWHyM.png" class="BR" />');
$('.jqueried').after('<img src="http://i.imgur.com/UcOam5I.png" class="BL" />');
$('.jqueried').after('<img src="http://i.imgur.com/fWtyg99.png" class="TR" />');