Is background-clip supported?

with prefix, standard values

by David Storey

HTML

<div id="border-box">border-box</div>
<div id="padding-box">padding-box</div>
<div id="content-box">content-box</div>

CSS

div {
    width: 250px;
    height: 250px;
    border: 25px dashed green;
    margin: .5em;
    padding: 25px;
    
    background-color: lightgreen;
}
#border-box {
    
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
}
#padding-box {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
#content-box {
    -webkit-background-clip: content-box;
    -moz-background-clip: content-box;
    background-clip: content-box;
}