CSS background-image Property

The background-image attribute is used to assign an element one or more background images.




Property Values

Value Description
url('URL') The image's web address. To supply several images, use a comma to separate the URLs.
none There will be no backdrop picture shown. This is the default setting.
conic-gradient() Set the backdrop picture to a conic gradient. Make at least two colors.
linear-gradient() The backdrop picture is changed to a linear gradient. Make at least two colors (top to bottom)
radial-gradient() The backdrop picture is set to a radial gradient. Make at least two colors (center to edges)
repeating-conic-gradient() A conic gradient is repeated.
repeating-linear-gradient() A linear gradient is repeated.
repeating-radial-gradient() A radial gradient is repeated.
initial Set this property's value to the default.
inherit This attribute is inherited from its parent element.

Supported Browsers

Element Chrome Firefox Safari Edge / IE Opera
background-image 1.0 1.0 1.0 4.0 3.5