TAG
CSS
Result
Run
License
<div>border-box</div> <div>padding-box</div> <div>content-box</div>
div { display: inline-block; width: 150px; height: 150px; border: 10px dashed #FF0000; padding: 30px; font-weight: bold; font-size: 20px; background: url("http://resrc.devdic.com/img/bysize/below_200/01.png"); background-size: 100px 100px; } div:nth-child(1) { background-origin: border-box; background-clip: border-box; } div:nth-child(2) { background-origin: padding-box; background-clip: padding-box; } div:nth-child(3) { background-origin: content-box; background-clip: content-box; }
Console
expand_less
License
License
by DevDic
Close