CSS background-image Property
The background-image attribute is used to assign an element one or more background images.
Syntax
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 |