CSS background-clip Property

CSS background-clip Property


CSS background-clip Property
The background-clip property specifies the painting area of the background.
In other words -
This property specifies whether or not an element’s background extends all the way to the element’s border.
Syntax -
background-clip: border | padding [, border | padding,..] 
where the default is border, causing the background to stop at the edge of the border of an element or where padding stops the background at the start of a border. 
The effect of this property is noticeable when borders with transparent regions are used - 
Now we will see the Example -
Output -