HTML and CSS Reference
In-Depth Information
NEW PROPERTY: BACKGROUND CLIP
This brings us back to the issue discussed at the beginning of this article,
about backgrounds being shown beneath the border. This is described as
the “background painting area.”
The
background-clip
property was created to give you more control
over where backgrounds are displayed. The possible values are:
•
background-clip: border-box;
backgrounds displayed beneath the border.
•
background-clip: padding-box;
backgrounds displayed beneath the padding, not the border.
•
background-clip: content-box;
backgrounds displayed only beneath content, not border or padding.
•
background-clip: no-clip;
the default value, same as border-box.
NEW PROPERTY: BACKGROUND ORIGIN
This is used in conjunction with
background-position.
You can have
the
background-position
calculated from the border, padding or
content boxes (like
background-clip
).
•
background-origin: border-box;
background-position is calculated from the border.
•
background-origin: padding-box;
background-position is calculated from the padding box.
•
background-origin: content-box;
background-position is calculated from the content.
