Example of CSS background-clip Property with content-box value

Source Code: (back to article)

<!DOCTYPE html>

<html>

<head>

<title>The title of the document</title>

<style>

#example {

border: 3px solid #666;

padding: 15px;

background: #ccc;

background-clip: content-box;

}

</style>

</head>

<body>

<h2>Background-clip property example</h2>

<p>Here the "content-box" value is used.</p>

<p>The background extends to the edge of the content box.</p>

</div>

</body>

</html>