It is used to specify the content area of the background.
<html>
<head>
<style type="text/css">
p
{
width:200px;
height:200px;
border:2px solid Black;
padding:10px;
background-color:Pink;
background-clip:content-box;
-webkit-background-clip:content-box; /* Code For Safari */
}
</style>
</head>
<body>
<p>
Are you going to the Mindcracker MVP Summit 2012 at Noida or interested in learning the daily progress of the summit? Check out daily updates here and let the saga begin.</p>
</body>
</html>
Output: