Easy Tutorial
❮ Css3 Pr Column Count Pr Dim Min Width ❯

CSS3 background-clip Property

Example

Specify the background painting area:

div
{
    background-color: yellow;
    background-clip: content-box;
}

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
background-clip 4.0 9.0 4.0 3.0 10.5

Definition and Usage

The background-clip property specifies the painting area of the background.

Default value: border-box
Inherited: no
--- ---
Version: CSS3
--- ---
JavaScript syntax: object.style.backgroundClip="content-box"
--- ---

Syntax

Value Description
border-box Default value. The background is painted within the border box.
padding-box The background is painted within the padding box.
content-box The background is painted within the content box.

Related Articles

CSS3 Tutorial: CSS3 Backgrounds

❮ Css3 Pr Column Count Pr Dim Min Width ❯