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

CSS Referenzhandbuch

CSS @Regel(RULES)

Vollständiges Verzeichnis der CSS-Attribute

CSS Hintergrund-color attribute usage and examples

CSS Hintergrund-Die Farbeeigenschaft setzt die Hintergrundfarbe des Elements. Sie können die Hintergrundfarbe mit Farbwerten oder dem Schlüsselwort "transparent" festlegen.

Der Hintergrund eines Elements ist die Gesamtoberfläche des Elements, einschließlich Füllung und Rahmen (aber nicht einschließlich Margen). SieheBox-Modell.

Die nachstehende Tabelle zusammenfasst die Anwendungskontexte und Versionshistorie dieser Eigenschaft.

Standardwert:transparent
Anwendbar auf:Alle Elemente
Vererbung:Nein
Animierbar:Ja.Bitte beziehen Sie sich auf: Animationseigenschaft.
Version:CSS 1,2,3
JavaScript Syntax: 　　　
object　　 　object.style.backgroundColor="#00FF00"

Hintergrund-Syntax der color-Eigenschaft

Die Syntax dieser Eigenschaft ist wie folgt:

Hintergrund-color:　color　|　transparent　|　initial　|　inherit

Der folgende Beispiel zeigt, wie man background-Farbeeigenschaft.

body　{　Hintergrund-color:　gelb;}
h1　{Hintergrund-color:　rgb(255,0,0);}
p　{Hintergrund-color:　#00ff00;}
Testen Sie es heraus‹/›

Eigenschaftswert

Die nachstehende Tabelle beschreibt die Werte dieser Eigenschaft.

WertBeschreibung
colorBestimmen Sie den Hintergrundfarbe. Schauen Sie hier:CSS-Farbwerte, um eine Liste möglicher Farbwerte zu erhalten.
transparentHintergrund festlegen-Farbe ist transparent, d.h. der Inhalt und der Hintergrund der Elemente unter transparentem Hintergrund sind sichtbar. Dies ist der Standardwert.
initialSetzen Sie diesen Wert auf seinen Standardwert.
inheritWenn angegeben, wird der Verknüpfte Element auf den Hintergrund des Elternelements angewendet.-Berechneter Wert der Farbeeigenschaft.

Browserkompatibilität

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

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

Weiterführende Informationen

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

Zusammenhängende Eigenschaften:Hintergrund,Hintergrund-attachment,Hintergrund-clip,Hintergrund-image,Hintergrund-origin,Hintergrund-position,Hintergrund-repeat,Hintergrund-size.

CSS Hintergrund-image EigenschaftCSS3 Hintergrund-clip Eigenschaft