The "background-clip" property
By default, backgrounds cover the entire
border-box(they are applied underneath the border as well), but theirbackground-position(and also%-basedbackground-size) is relative to thepadding-box.[…]
We can make the background cover just the
padding-boxor just thecontent-boxwith the help ofbackground-clip.