The background-clip property in CSS is used to define how to extent background (color or image) within an element.
border-box property: The border-box property is used to set the background color spread over the whole division.
padding-box property: The padding-box property is used to set the background inside the border.
content-box property: The content-box property is used to set the background color uoto the content only.
initial property: It is the default value. It is used to set the background color spread over the whole division.
Supported Browser: The browser supported by background-clip property are listed below:
- Google Chrome 4.0
- Internet Explorer 9.0
- Firefox 4.0
- Safari 3.0
- Opera 10.5
- HTML | DOM Style backgroundClip Property
- CSS | transition-property Property
- CSS | right Property
- CSS | all Property
- CSS | top Property
- CSS | grid-row-end Property
- CSS | Display property
- HTML | DOM dir Property
- CSS | min-width Property
- CSS | visibility Property
- CSS | cursor property
- CSS | align-self Property
- CSS | content Property
- CSS | hyphens Property
- HTML | DOM name Property
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.