The background-clip property defines how far the background should extend within an element.

border-box


padding-box:


content-box


Exported from Notepad++
<html><head><title>Background Clip</title><style> #bc1 { border: 10px dotted black; padding: 15px; max-width:200px; background: lightblue; background-clip: border-box; } #bc2 { border: 10px dotted black; padding: 15px; max-width:200px; background: lightblue; background-clip: padding-box; } #bc3 { border: 10px dotted black; padding: 15px; max-width:200px; background: lightblue; background-clip: content-box; } /*-- background-clip: border-box|padding-box|content-box|initial|inherit; */ </style></head> <body> <div><p>The background-clip property defines how far the background should extend within an element.</p></div> <div id="bc1"><p>border-box</p></div><br> <div id="bc2"><p>padding-box:</p></div><br> <div id="bc3"><p>content-box</p></div><br> </body></html>