css.properties

background

The background property shorthand property for all background properties.

Formal Syntax

background = <bg-layer>#? , <final-bg-layer> <bg-layer> = <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <bg-clip> || <visual-box> <final-bg-layer> = <bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <bg-clip> || <visual-box> || <'background-color'>
Initial value
see individual properties
Applies to
all elements
Inherited
no
Percentages
see individual properties
Computed value
see individual properties
Animation type
see individual properties

See specification

Browser Support

standard | MDN · Spec

FeatureChromeFirefoxSafariEdge
background11112
SVG_image_as_background143.112
background-clip21225.112
background-origin21225.112
background-size2195.112
border-box≤31≤50≤9.1≤15
bottom≤31≤50≤9.1≤15
center≤31≤50≤9.1≤15
content-box≤31≤50≤9.1≤15
currentColor≤31≤50≤9.1≤15
fixed≤15≤50≤9.1≤15
left≤31≤50≤9.1≤15
local11112
multiple_backgrounds13.61.312
no-repeat11112
none11112
padding-box≤31≤50≤9.1≤15
repeat11112
repeat-x11112
repeat-y11112
right≤31≤50≤9.1≤15
round11112
scroll11112
space11112
top≤31≤50≤9.1≤15
transparent11112

Related Properties