CSS background-clip property

Property values

border-boxDefault

In this case, the background of all of the areas within border-box is painted such as content area, padding area, and border area.

background-clip: border-box;

padding-box

In this case, the areas that are within padding-box are painted such as the padding and the content areas.

background-clip: padding-box;

content-box

The only background of content-area is painted i.e. excluding the other two areas.

background-clip: content-box;