background-clip property in CSS

A simple background-clip property example:

background-clip: border-box;

Laboratory

description & Usage

Background-clip property is used to determine the size of a background image.

#	Description
Default Value	border-box
Inherited	no
Animatable	no
Version	CSS3
JavaScript syntax	object.style.backgroundClip="content-box"

background-clip: border-box|padding-box|content-box|initial|inherit;

Values	Description
border-box	Default value.
content-box	The background extends to the edge of the text area.
initial	Adds this value to its default property.
inherit	It inherits this value from its parent tag.