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 | top Property
- CSS | all Property
- CSS | visibility Property
- CSS | border-top Property
- CSS | flex Property
- CSS | overflow-x Property
- HTML | DOM URL Property
- CSS | transform Property
- CSS | box-sizing Property
- CSS | margin-right Property
- CSS | min-height Property
- CSS | max-height 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.