TAG
CSS
Result
Run
License
<div class="box border-image-round"> border-image-outset: 20px; </div> <div class="box border-image-stretch"> border-image-outset: 10px 20px; </div> <p>Original image:</p> <p><img src="http://resrc.devdic.com/img/bykind/border/border.png" /></p>
body { margin: 50px; } .box { border: 10px solid transparent; text-align: center; margin: 50px 0; padding: 20px; background: #EAEAEA; } .border-image-round { border-image: url('http://resrc.devdic.com/img/bykind/border/border.png') 30 stretch; border-image-outset: 20px; } .border-image-stretch { border-image: url('http://resrc.devdic.com/img/bykind/border/border.png') 30 stretch; border-image-outset: 10px 20px; }
Console
expand_less
License
License
by DevDic
Close