How the background (on the box model) can be clipped?

The background-clip CSS property sets whether an element's background extends underneath its border box, padding box, or content box.

/* Keyword values */
background-clip: border-box;
background-clip: padding-box;
background-clip: content-box;
background-clip: text;

/* Global values */
background-clip: inherit;
background-clip: initial;
background-clip: unset;

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip