Проблемы со значением background-position в сокращенном свойстве background

Question

Я пытался использовать сокращенное свойство background для указания background-size, background-repeat и background-color, но продолжал завершаться ошибкой.В конце концов я понял, что вам нужно установить background-position, если вы установите background-size, поэтому я просто установил свойство как inherit / contain no-repeat #FF7000, насколько мне известно, значение по умолчанию background-position должно быть унаследовано от родителя (body, в данном случае), поскольку я явно не установил body s background-position.Это все еще не сработало.Однако это сработало: center / contain no-repeat #FF7000.Почему настройка явно работает и позволяет наследовать не работает?Я предполагаю, что мое понимание того, как работает inherit, ошибочно, но я не уверен.

Вот полный код:

.side_img
{
    width: 150px;
    height: 300px;
    background: center / contain no-repeat #FF7000;
}

#left_side
{
    background-image: url("images/giraffe_painting.jpg");
}

#right_side
{
    background-image: url("images/giraffe_painting_reversed.jpg");
}

Кроме того, в случае, если этоимеет значение, селекторы id относятся к div с.

Answer 1

Как указано в документации свойства background, background-size нельзя установить отдельно, и его следует использовать с background-position.Также inherit и initial не являются допустимыми значениями для этих свойств.