background
The background property shorthand property for all background properties.
Formal Syntax
<bg-layer>#? , <final-bg-layer>
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| background | 1 | 1 | 1 | 12 |
| SVG_image_as_background | 1 | 4 | 3.1 | 12 |
| background-clip | 21 | 22 | 5.1 | 12 |
| background-origin | 21 | 22 | 5.1 | 12 |
| background-size | 21 | 9 | 5.1 | 12 |
| 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 |
| local | 1 | 1 | 1 | 12 |
| multiple_backgrounds | 1 | 3.6 | 1.3 | 12 |
| no-repeat | 1 | 1 | 1 | 12 |
| none | 1 | 1 | 1 | 12 |
| padding-box | ≤31 | ≤50 | ≤9.1 | ≤15 |
| repeat | 1 | 1 | 1 | 12 |
| repeat-x | 1 | 1 | 1 | 12 |
| repeat-y | 1 | 1 | 1 | 12 |
| right | ≤31 | ≤50 | ≤9.1 | ≤15 |
| round | 1 | 1 | 1 | 12 |
| scroll | 1 | 1 | 1 | 12 |
| space | 1 | 1 | 1 | 12 |
| top | ≤31 | ≤50 | ≤9.1 | ≤15 |
| transparent | 1 | 1 | 1 | 12 |
Related Properties
- background-attachment
- background-blend-mode
- background-clip
- background-color
- background-image
- background-origin
- background-position
- background-position-x
- background-position-y
- background-repeat
- background-size
- background-repeat-x 🧪
- background-repeat-y 🧪
- background-position-block 🚧
- background-position-inline 🚧
- background-repeat-block 🚧
- background-repeat-inline 🚧
- background-tbd 🚧