background
Colour and background
Sets all the background values at once; anything omitted resets to its default.
| How to write it | background: none; |
|---|---|
| Common values | none, #fff url(bg.png) center/cover no-repeat |
| Inherited | No — it stops at this element |
| Sets all of | background-color, background-image, background-position, background-size, background-repeat |
| Category | Colour and background |
How to read this
- An inherited property only needs writing once on the parent — every child picks it up. Most text properties work this way.
- A shorthand resets whatever you leave out. Writing background: red alone also wipes a background image you set earlier.
- When rules collide, the more specific selector wins; only when specificity ties does source order decide.
- Animate transform and opacity for smoothness. Changing width or top forces the layout to be recalculated.
Frequently asked questions
Q. What is the CSS background property?
Sets all the background values at once; anything omitted resets to its default.
Q. How do you write background?
As background: none; Common values include none, #fff url(bg.png) center/cover no-repeat.
Q. Is background inherited?
No. It applies only where you write it, so each element needs its own declaration.
Q. What does the background shorthand set?
background-color, background-image, background-position, background-size, background-repeat — and anything you leave out resets to its default.