English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS Hintergrund-Die clip-Eigenschaft legt fest, ob der Hintergrund (Farbe oder Bild) des Elements bis unter seine Grenzen erstreckt wird.
Die folgende Tabelle zusammenfasst die Anwendungskontexte und Versionshistorie dieser Eigenschaft.
| Standardwert： | border-box |
|---|---|
| Gilt für： | alle Elemente. Es gilt auch für::first-letterund::first-line。 |
| Vererbung： | Keine |
| Animierbar： | Nein.Siehe auch Animationseigenschaft。 |
| Version： | CSS3neue Funktion |
| JavaScript Syntax: | object object.style.backgroundClip="content-box" |
Die Syntax dieses Attributes ist wie folgt：
background-clip: border-box | padding-box | content-box | initial | inherit
Der folgende Beispiel zeigt, wie background-clip Eigenschaft.
.box {
width: 250px;
height: 150px;
padding: 10px;
border: 6px gepunktet #333;
background: orange;
background-clip: content-box;
}Testen Sie es heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| border-box | Bestimmt, dass der Hintergrund bis zur äußeren Kante des Rahmens erweitert wird. Der Hintergrund wird unter dem Rahmen gezeichnet. Dies ist der Standardwert. |
| padding-box | Bestimmt, dass der Hintergrund bis zur äußeren Kante der Füllung erweitert wird. Der Hintergrund wird unter dem Rahmen nicht gezeichnet. |
| content-box | Bestimmt, dass der Hintergrund nur im Inhaltselframe (geschnitten) gezeichnet wird. Der Hintergrund wird unter dem Rahmen und dem Füllungsraum nicht gezeichnet. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der Hintergrund der übergeordneten Elemente verwendet.-Berechneter Wert der clip Eigenschaft. |
background-Kompatibilität der clip Eigenschaft der Browser, alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte beziehen Sie sich auf die folgenden Tutorials：CSS3Hintergrund，CSS3Hintergrund。
Verwandte Eigenschaften：background，background-attachment，background-color，background-image，background-origin，background-position，background-repeat，background-size。