<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div{
width:300px;
height:200px;
padding:10px;
margin: 20px;
border: 8px dashed #E4C97E;
background-image: url(leaf.png);
}
#test{
background-clip: border-box;
background-origin: border-box;
}
#test2{
background-clip: padding-box;
background-origin: padding-box;
}
#test3{
background-clip: content-box;
background-origin: content-box;
}

</style>
</head>
<body>

<div id="test">
<h3>background-clip: border-box;</h3>
<h3>background-origin: border-box;</h3>
</div>

<div id="test2">
<h3>background-clip: padding-box;</h3>
<h3>background-origin: padding-box;</h3>
</div>


<div id="test3">
<h3>background-clip: content-box;</h3>
<h3>background-origin: content-box;</h3>
</div>

</body>
</html>