background-clip

The background-clip CSS property specifies whether an element’s background, either the color or image, extends underneath its border.
 
If there is no background image, this property has only visual effect when the border has transparent regions (because of border-style) or partially opaque regions; otherwise the border covers up the difference.

border-box
    The background extends to the outside edge of the border (but underneath the border in z-ordering).
padding-box
    No background is drawn below the border (background extends to the outside edge of the padding).
content-box
    The background is painted within (clipped to) the content box.

Example

<!DOCTYPE HTML>
<html>
    <head>
        <title>CSS Tutorials</title>
        <style>
            pre {
                border: 5px navy;
                border-style: dotted double;
                background: #F8D575;
                /* The yellow background will not go behind the border */
                background-clip: padding-box;
            }
        </style>
    </head>
    <body>
    	<pre>background clip property demo</pre>
    </body>
</html>