В одну строку?!

background-image: url("/assets/course58/required.png")no-repeat 100% 50%;

Можно ли записывать так, в одну строку?
Если да, то как? Почему у меня не работает?
Просто не хочется писать много строк типа:

background-image
background-repeat
background-position

и тд…

Подскажите)

background: #00ff00 url("/assets/course58/required.png") no-repeat fixed 100% 50%;

1 лайк

Почему нужно добавлять fixed?

Не работает, потому что Вы путаете всё в кучу. Есть СВОДНОЕ свойство - background. Оно включает и background-color, и background-image, и background-repeat, и background-position, и background-attachment. Необязательно указывать эти 5 параметров, но нужно помнить, что в случае их отсутствия будут браться их значения по умолчанию. Если же Вы используете только какое-то из них, то нужно использовать ТОЛЬКО его, например, background-color: #000000; или background-image: url("");. Если же Вы хотите всё в одну строку, то тогда используется сводное background. В Вашем примере Вы взяли только часть - background-image, но запихнули в него всё, пытаясь заставить его быть сводным. Вот поэтому и не работает.

1 лайк

В дополнение