Background - position
Background-position property sets the position of the background image. Default behaviour is left-top corner and repeated both horizontally and vertically. Background-position values:
- Keyword values: top,bottom, left, right, center
- Percentage values
- Length values
- Multiple images
- Edge offset values
- Global values: inherit, initial, revert, revert-layer, unset
Background - attachment
Background-attachment property sets if the image is attached to the viewport or not. Background-attachement values:
- scroll
- fixed
- local - fixed relative to the element's contents
- local, scroll
- scroll, local
Background - size
Background-size sets the size of the element's background image. Its values:
- contain
- cover
Background - edge offset
Background edge offset refers to background-position property. It allows to position the background image relatively to a specified edge.
Background - multiple stack order
Multiple backgrounds are layered on one another and only last background can include a background color. For example, background: background1, background2; etc. The first background is layered on the top and the second in the back.
Summary of the documentation
There are many background properties. Shorthand background sets all background properties at once such as image, size, color or origin.