<!DOCTYPE html>
<html>
<head>
<title>CSS background-clip property</title>
<style type="text/css">
.border {
background-clip: border-box;
}
.padding {
background-clip: padding-box;
}
.content {
background-clip: content-box;
}
div {
background: pink;
border: 10px dashed #777;
padding: 25px;
width: 200px;
height: 80px;
}
</style>
</head>
<body>
<h4><code>background-clip: border-box;</code></h4>
<div class="border"></div>
<h4><code>background-clip: padding-box;</code></h4>
<div class="padding"></div>
<h4><code>background-clip: content-box;</code></h4>
<div class="content"></div>
</body>
</html>
