JSFiddle - React, Tailwind, and code Playground

by donqi

HTML

<div class="box"></div>
<div class="padding"></div>
<div class="border"></div>
<div class="box padding border"></div>
<div class="box border padding"></div>
<div class="padding box border"></div>

CSS

div{
    height:100px;
    width:100px;
    padding:20px;
    margin:20px;
    border:10px solid hsla(0,0%,0%,0.5);
    background-color:#ccc;
    background-image:url("/favicon.png");
    background-repeat:space;
    background-origin:content-box;
}
div.box{

    background-clip:content-box;
}
div.padding{
    background-clip:padding-box;
}
div.border{
    background-clip:border-box;
}