Background - Eigenschaften und Shorthand-Befehl (CSS2)

Folgende Eigenschaften für background:


element { 
	background-color: color / #hex / (rgb / % / 0-255);
	background-image:url(Bilddatei);
	background-repeat: repeat / repeat-x / repeat-y / no-repeat;
	background-position: X Y / (top/bottom/center/px) (left/right/center/px);
	background-attachment: scroll/fixed;
	}

können in einer Zeile zusammengefasst werden:


element { 
	background: #fff url(image.png) no-repeat 20px 100px fixed;
	}

Background – Standardwerte

Falls einige der möglichen Eigenschaften nicht angegeben werden, werden vordefinierte Standardwerte genommen.
Die Standardwerte der Eigenschaft background:… sind:


element { 
	background-color: transparent;
	background-image: none;
	background-repeat: repeat;
	background-position: top left;
	background-attachment: scroll;
	}

Folgender Shorthandbefehl


element { 
	background:#f00 url(image.png);
	}

ist demnach gleichbedeutend wie:


element {
	background:#f00 url(image.png) repeat top left scroll;
	}