<div></div>
div {
    aspect-ratio: 1.5;
    padding: 30px;
    border: 10px dashed yellowgreen;
    background-color: #f2f2f2;
    background-image: url("earth.jpg");
    background-repeat: no-repeat;
    background-size: 70px auto;
    background-position: left top;
    background-origin: padding-box; /* 초깃값 */
}
데모 적용해 보기: background-origin 데모 버튼을 클릭해 보세요!
box model
요소 박스의 Box model
selector {
    background-origin: [ border-box | padding-box | content-box ] || Global values
    /*
        Global values:
        inherit | initial | revert | revert-layer | unset
    */
}
<div class="box">코딩에브리바디</div>
.box {
    color: #fff;
    background-image: linear-gradient(
                        to right,
                        rgba(255, 0, 0, 0.5),
                        rgba(0, 0, 255, 0.5),
                        rgba(0, 128, 0, 0.5)
                      ),
                      radial-gradient(circle, gold, silver);
    border: 15px dashed yellowgreen;
    padding: 15px;
    background-origin: padding-box, content-box;
    background-repeat: no-repeat;
}
실제 적용 모습

caniuse.com에서 더 자세한 정보를 확인해 보세요.