Да, это нормальное поведение, и оно связано с тем, как работают свойства CSS.
1. **Свойство `background` vs. `background-size`**:
- Свойство `background` — это сокращенное свойство, которое позволяет задать несколько свойств одновременно: цвет фона, изображение, положение, повторение и размер. Однако, используя сокращенное свойство `background`, вы должны соблюдать правильный порядок и синтаксис значений.
- Например, если вы хотите использовать `background-size: cover`, вы не можете просто включить `cover` в сокращенное свойство `background`, так как это не соответствует ожидаемому синтаксису.
2. **Правильный синтаксис**:
Чтобы задать изображение фона с размером `cover`, вам нужно явно указать его в своем CSS. Вот корректный пример:
```css
background-image: url('image.jpg');
background-size: cover;
```
Или, если вы используете сокращенное свойство, это будет выглядеть так:
```css
background: url('image.jpg') no-repeat center center / cover;
```
Здесь часть `center center` отвечает за позиционирование изображения, а `/ cover` задает размер.
3. **Ошибка "invalid property value"**:
Когда вы используете сокращенное свойство `background` и просто добавляете `cover` без указания изображения, появляется ошибка, потому что значение `cover` не может быть интерпретировано в контексте того, что ожидается в позиции для сокращенного свойства.
Таким образом, использование `background-size: cover` и правильный порядок значений в сокращенном свойстве `background` позволяют избежать ошибок и корректно отображать фоновое изображение.