Background Properties Flashcards
background-attachment:
Specifies whether a background image is fixed or scrolls within the containing block:
fixed
local
scroll (default)
background-blend-mode: (16 values)
Defines the blending mode of each background layer:
normal (default) multiply screen overlay darken lighten color-dodge color-burn hard-light soft-light difference exclusion hue saturation color luminosity
background-clip:
Determines the background painting area, which determines where the background is painted:
border-box (default)
padding-box
content-box
background-image:
Sets the background image(s) of an element. Drawn from first specified on top to others specified behind
background-origin:
For elements rendered as a single box, specifies the background positioning area:
padding-box (default)
border-box
content-box
background-position:
Specifies the initial position of a background image within the background positioning area:
top right bottom left center
background-repeat:
Specifies how background images are tiled after they have been sized and positioned:
repeat (default) repeat-x repeat-y space round no-repeat
background-size:
Specifies the size of the background image:
auto (default) cover contain 50px 50%
background:
Shorthand property for:
[background-image] [background-position] [background-size] [background-repeat] [background-origin] [background-clip] [background-attachment] [background-color]