CSS background-attachment

The CSS background-attachment property specifies whether a background image should be fixed or scroll with the containing block.

Syntax

background-attachment: <attachment> [ , <attachment> ]*

Where:

<attachment> = scroll | fixed | local

Possible Values

fixed
The background is fixed with regard to the viewport. In paged media where there is no viewport, the background is fixed with respect to the page box and therefore replicated on every page.
local
The background is fixed with regard to the element's contents: if the element has a scrolling mechanism, the background scrolls with the element's contents, and the background painting area and background positioning area are relative to the scrollable area of the element rather than to the border framing them.
scroll
The background is fixed with regard to the element itself and does not scroll with its contents.

In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:

initial
Represents the value specified as the property's initial value.
inherit
Represents the computed value of the property on the element's parent.
unset
This value acts as either inherit or initial, depending on whether the property is inherited or not. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable.

General Information

Initial Value
scroll
Applies To
All elements
Inherited?
No
Media
Visual

Example Code

background-attachment: fixed;

Official Specifications