Beispiel
Geben Sie die Zeichenfläche des Hintergrundes:
div
{
border: 10px dotted black;
padding:35px;
background: yellow;
background-clip: content-box;
}
Versuch es selber " Definition und Verwendung
Der Hintergrund-Clip-Eigenschaft gibt die Malerei Bereich des Hintergrundes.
| Standardwert: | border-box |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS3 |
| JavaScript-Syntax: | object .style.backgroundClip="content-box" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| background-clip | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
CSS-Syntax
background-clip: border-box|padding-box|content-box|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| border-box | Standardwert. Der Hintergrund wird an der Grenze Feld abgeschnitten | Spiel es " |
| padding-box | Der Hintergrund ist mit dem Polsterfeld abgeschnitten | Spiel es " |
| content-box | Der Hintergrund ist mit dem Content-Box abgeschnitten | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS3 Tutorial: CSS3 Hintergrund
HTML - DOM - Referenz: backgroundClip property