English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Die CSS-Attribute background ist eine Abkürzung für die verschiedenen Background-Eigenschaften, d.h. ein Abkürzungssynonym für background-image,background-position,background-size,background-repeat,background-attachment,background-origin,background-clipundbackground-color Diese einzelnen Attributdeklarationen.
Die folgende Tabelle zusammenfasst die Verwendungs- und Versionshistorie dieses Attributes.
| Standardwert: | Alle Attributwerte anzeigen |
|---|---|
| Geeignet für: | Alle Elemente |
| Vererbung: | Keine |
| Animierbar: | Ja, da einige Attribute von速记 animiert werden können.Bitte beachten Sie: Animationseigenschaften. |
| Version: | CSS 1,2,3 |
| JavaScript-Syntax: | object object.style.background="red url(smiley.gif) top left no-repeat" |
Die Syntax dieses Attributes ist wie folgt:
background: [ image position/size repeat attachment origin clip color] | initial | inherit
Hinweis:Falls eine der aufgeführten Eigenschaften fehlt oder weggelassen wird, wird der Standardwert der Eigenschaft (falls vorhanden) eingefügt. Weitere Informationen finden Sie in den einzelnen Eigenschaften.
Der folgende Beispiel zeigt, wie die background-Eigenschaft verwendet wird.
body {background: #ffff00 url("smiley.png") no-repeat fixed center;}Testen Sie es heraus‹/›In CSS3daher können Sie auch mehrere Hintergründe zu einem einzelnen Element hinzufügen. Die Hintergründe überlappen sich entlang der Z-Achse.
.box {
width: 100%;
height: 500px;
background: url("images/birds.png") no-repeat center,url("images/clouds.png") no-repeat center,lightblue;
}Testen Sie es heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| background-attachment | Beschreiben Sie, ob der Hintergrund mit dem Dokument scrollt oder fest im Anschaubereich bleibt. |
| background-color | Setzen Sie die Hintergrundfarbe des Elements. |
| background-clip | Geben Sie den zu zeichnenden Bereich des Hintergrunds an. |
| background-image | Für ein Element eine oder mehrere Hintergrundbilder zu setzen. |
| background-origin | Geben Sie den Positionsbereich des Hintergrundbildes an. |
| background-position | Setzen Sie den初始位置 des Hintergrundbildes. |
| background-repeat | Wie wird das Hintergrundbild nach der Angabe der Größe und Position des Hintergrundbildes wiederholt? |
| background-size | Geben Sie die Größe des Hintergrundbildes an. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn diese Eigenschaft angegeben ist, wird der berechnete Wert der background-Eigenschaft des übergeordneten Elements verwendet. |
Die Kompatibilität der background-Eigenschaft der Browser, alle gängigen Browser unterstützen diese Eigenschaft.
|
Bitte lesen Sie die folgenden Anleitungen:CSS Hintergrund,CSS3Hintergrund.
Verwandte Eigenschaften:background-attachment,background-color,background-clip,background-image,background-origin,background-position,background-repeat,background-size.