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
- CSS | transition-property Property
- CSS | top Property
- CSS | all Property
- CSS | order property
- CSS | align-self Property
- CSS | grid-row-gap Property
- HTML | DOM dir Property
- HTML | DOM URL Property
- CSS | min-width Property
- CSS | bottom Property
- CSS | box-shadow Property
- CSS | overflow-x Property
- CSS | quotes Property
- CSS | padding-top Property
- CSS | animation-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 email@example.com. 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.