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;
}
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;
}