Какие свойства отвечают за фон в CSS?

Question

Accepted Answer

## Начнём с основы

Фон задаётся набором `background-*` или shorthand `background`.

## Основные

- `background-color`
- `background-image` (url, градиенты)
- `background-repeat`
- `background-position`
- `background-size`
- `background-attachment` (`scroll` / `fixed` / `local`)
- `background-origin`, `background-clip`
- `background-blend-mode`

```css
.hero {
  background:
    linear-gradient(rgb(0 0 0 / 40%), rgb(0 0 0 / 40%)),
    url("/hero.jpg") center / cover no-repeat;
}
```

Слои рисуются от последнего к первому в списке изображений; цвет — ниже всех.

## Итог

Перечислите color/image/repeat/position/size и упомяните многослойность — этого обычно достаточно.