HTML and CSS Reference
In-Depth Information
background-clip
This property specifies whether or not an element's background extends all the way to the
element's border.
Syntax
background-clip: border | padding [, border | padding,..]
where the default is
border
, causing the background to stop at the edge of the border of an
element or where
padding
stops the background at the start of a border. The effect of this
property is noticeable when borders with transparent regions are used:
Examples
<div style="height: 100px; width: 200px;
background-color: red;
padding: 20px;
border: 5px dashed black;">
Clipped to border (default)
</div>
<div style="height: 100px; width: 200px;
background-color: red;
padding: 20px;
border: 5px dashed black;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding;">
Clipped to padding
</div>
O
NLINE
http://htmlref.com/ch6/backgroundclip.html
Compatibility
CSS3
Chrome 3+, Firefox 3.5+, Safari 3+
Notes
• Mozilla-based browsers like Firefox support this property as
-moz-background-
clip
and WebKit-based browsers like Safari and Chrome support it as
-webkit-
background-clip
.
