[SOLVED] CSS problem

Question

Tell me why the background origin property is not working for div with id style.
In my view every thing seems to be all right but it is not responding according to my expectation.
I wanna make a code where the background origin property changes as I click them.

https://code.sololearn.com/WtvPCbWzNvvT/?ref=app

Answer 1

Add
border: 20px solid white;
padding: 20px;
to #style

https://code.sololearn.com/WhQ916u8O4pS/?ref=app

Answer 2

It is working test it by adding padding #style element and then change to content-box origin
You will see background-image gets shifted to the content area

Answer 3

Ops 🤦‍♂️🤦‍♂️🤦‍♂️ without padding and border how will it work Gordon..

Acctuly I did a silly mistake

Thanks @Gordon and Мг. Кнап🌠

Answer 4

Right ODLNT