Search within TutorialsPark

CSS background-clip Property


To specify the extend of background visible to the user


Definition and Notes.

1. The CSS background-clip property is used to limit the area in which the background image or color appears by applying a clipping box.

2. Anything outside the box is discarded and not visible.


Syntax:

CSS background-clip property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note- The values for background-clip are same as background-origin

Attributes

Value Description
border-box The background color and image are drawn within the border-box
padding-box The background color and image are drawn within the padding box.
content-box The background color and image are drawn within the content box.

Specifications

Specs Value
Name background-clip
Value border-box| padding-box| content-box
Initial Value border-box
Applies to all elements.
Javascript syntax object.style.backgroundClip="padding-box"
Inherited No
Browser Support internetexplorer safari firefox opera chrome

Related Examples.