English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Referenzhandbuch

CSS @Regel(RULES)

CSS Eigenschaft大全

CSS Hintergrund-image Eigenschaft Verwendung und Beispiel

CSS Hintergrund-Das Element der image Eigenschaft setzt das Hintergrundbild. Normalerweise wird die Kurzwritemethode verwendetHintergrundEigenschaft einfacher.

Die folgende Tabelle zusammenfasst den Verwendungskontext und die Versionshistorie dieser Eigenschaft.

Standardwert:none
Geeignet für:Alle Elemente
Vererbung:Keine
Animierbar:Nein.Bitte sehen Sie nach: Animationseigenschaft.
Version:CSS 1,2,3
JavaScript Syntax:    
object    object.style.backgroundImage="url(image.gif)"

Hintergrund-image Syntax

Die Syntax dieser Eigenschaft lautet wie folgt:

Hintergrund-image: url | none | initial | inherit

Die folgenden Beispiele zeigen, wie background-image Eigenschaft.

body {background-image: url("images/pattern.jpg");}
Testen Sie heraus‹/›

Warnung: Internet Explorer 8und frühere Versionen unterstützen keine mehrere Hintergrundbilder auf einem einzelnen Element.

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
urlPfad zur Position der Bilddatei als Ressourcenort für das Hintergrundbild.
noneStandardwert. Wenn angegeben, wird das Hintergrundbild nicht angezeigt.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird der background des übergeordneten Elements für das verknüpfte Element verwendet.-Berechneter Wert der image Eigenschaft.

Browserkompatibilität

Hintergrund-Browserkompatibilität der image Eigenschaft, alle gängigen Browser unterstützen diese Eigenschaft.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

Weiters Lesen

Bitte beziehen Sie sich auf die folgenden Tutorials:CSS Hintergrund,CSS3Hintergrund.

Verwandte Eigenschaften:Hintergrund,Hintergrund-attachment,Hintergrund-color,Hintergrund-clip,Hintergrund-origin,Hintergrund-position,Hintergrund-repeat,Hintergrund-size.