The background shorthand property sets all the background properties in one declaration.

The properties that can be set, are: background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment, and background-image.

It does not matter if one of the values above are missing, e.g. background:#ff0000 url(smiley.gif); is allowed.

Syntax:

background-color: Specifies the background color to be used;

background-position: Specifies the position of the background images;

background-size: Specifies the size of the background images;

background-repeat: Specifies how to repeat the background images;

background-origin: Specifies the positioning area of the background images;

background-clip: Specifies the painting area of the background images;

background-attachments: Specifies whether the background images are fixed or scrolls with the rest of the page;

background-image: Specifies ONE or MORE background images to be used;