Background-origin: Specifies the starting point for drawing the background picture.
Background-clip: Is the clipping of the background image, specifying the display range of the background picture.
1, background-origin:padding | | Border | | Content (old version); Padding-box | | border-box | | content-box (new version);
Eg:padding, it starts from the outer edge of the padding, and the other is also from the outer edge of the initial positioning;
2, background-clip:padding | | Border | | Content (old version);p Adding-box | | Border-box | | Content-box (new version);
Eg:padding, the outer edge of the padding is cropped, showing only images within padding (including padding);
Background-clip default is similar to Background-clip:border.
Background-origin default is similar to Background-origin:padding.
The difference between Background-clip and Background-origin