<title>The Background Clip</title>
border: 20px dotted black;
background-clip: border-box;
border: 20px dotted black;
background-clip: padding-box;
border: 20px dotted black;
background-clip: content-box;
<h2>Background Clip Property</h2>
This property defines how far the background should reach around the element. You can say the range of background. See the below example.
border-box: defines the background to the outer edge of the border.
padding-box: defines the background to the inner edge of the border.
content-box: defines the background limited to the content.