mozilla

Compare Revisions

background-clip

Change Revisions

Revision 6325:

Revision 6325 by Jürgen Jeka on

Revision 6326:

Revision 6326 by Jürgen Jeka on

Title:
background-clip
background-clip
Slug:
CSS/background-clip
CSS/background-clip
Tags:
css, "CSS Reference", NeedsMobileBrowserCompatibility
css, "CSS Reference", NeedsMobileBrowserCompatibility
Content:

Revision 6325
Revision 6326
n14      In <a href="/en/Gecko" title="en/Gecko">Gecko</a>-based appn14      The <code>background-clip</code> CSS property specifies whe
>lications like Firefox the <code>-moz-background-clip</code> CSS >ther an element's background, either the color or image, extends 
>property specifies whether an element's background, either the co>underneath its border.<br>
>lor or image, extends underneath its border. 
15      <code>-moz-background-clip</code> is supported up to Gecko 
 >version 1.9.2 (Firefox 3.6).
n20      <li>{{ Xref_cssinitial() }}: <code>border</code>n21      <li>{{ Xref_cssinitial() }}: <code>border-box</code>
nn36background-clip:  [ border-box | padding-box | content-box][, [ b
 >order-box | padding-box | content-box]]*
37 
35-moz-background-clip:  [border | padding][, [border | padding]]*38-moz-background-clip:  [border | padding][, [border | padding]]* 
 >  /* Gecko 1.2-1.9.2 (Firefox 1.0-3.6) */
n42        border (border-box)n45        border-box {{ template-Fx_minversion_inline("4") }}<br>
46        border <small>(Firefox 1.0-3.6)</small>
n49        padding (padding-box)n53        padding-box {{ template-Fx_minversion_inline("4") }}<br>
54        padding <small>(Firefox 1.0-3.6)</small>
nn58      </dd>
59      <dt>
60        content-box {{ template-Fx_minversion_inline("4") }}
61      </dt>
62      <dd>
63        The background is painted within (clipped to) the content
 > box.
n64      -moz-background-clip: padding;n75      -moz-background-clip: padding;      /* Firefox 1.0-3.6 */
65   -webkit-background-clip: padding;76   -webkit-background-clip: padding;      /* Safari, Chrome */
66           background-clip: padding-box;77           background-clip: padding-box;  /* Firefox 4.0+, Opera 
 >*/
n97          <td>n108          <td rowspan="2">
n101            1.0 (1.2)n112            1.0-3.6 (1.2-1.9.2)
n104            <code>-moz-background-clip: padding | border</code>n115            <code>-moz-background-clip:&nbsp; padding | border</c
 >ode>
116          </td>
117        </tr>
118        <tr>
119          <td>
120            4.0 (1.9.3)
121          </td>
122          <td>
123            <code>background-clip:&nbsp; padding-box | border-box
 > | content-box<br></code>
n126            <code>-webkit-background-clip: padding | border | conn145            <code>-webkit-background-clip:&nbsp; padding | border
>tent</code><br>> | content</code><br>
127            <code>-webkit-background-clip: padding-box | border-b146            <code>-webkit-background-clip:&nbsp; padding-box | bo
>ox | content-box</code>>rder-box | content-box</code>
t143        <a class="external" href="http://www.w3.org/TR/css3-backgt162        <a class="external" href="http://www.w3.org/TR/css3-backg
>round/#the-background-clip" title="http://www.w3.org/TR/css3-back>round/#the-background-clip" title="http://www.w3.org/TR/css3-back
>ground/#the-background-clip">CSS 3 Backgrounds and Borders #backg>ground/#the-background-clip">CSS 3 Backgrounds and Borders #backg
>round-clip</a> Not yet implemented in Gecko (Firefox).<br>>round-clip</a>
144        Specifies the values <code>border-box | padding-box</code163      </li>
>> (<code>content-box</code> is dropped). 
164      <li>
165        <a href="/en/CSS/-moz-background-clip" title="https://dev
 >eloper.mozilla.org/en/CSS/-moz-background-clip">Latest Editor's D
 >raft</a> (includes <code>content-box</code>)

Back to History