CSS Background Properties

Background-Position

The background Position property sets the starting position of a background image. The position can be adjusted along the x and y axis.

Background-Attachment

The background attachment property is set to allow the background image to scroll with the rest of the page or it can be set to a fixed position.

Background-Size

The background size property specifies the size of the background images. Auto is the default value and the image will be displayed in its original size. Cover is commonly used and will resize the image to cover the entire container.

Background-edge offset value

You can use the offset values in positioning using a 3-4 value syntax

Background-multiple stack order

(location of color value)

You can stack multiple backgrounds and they will follow "first is on top" rule. Gradients will be applied to this also.

Summary

There are many ways that you can style and manipulate background properties.