JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bg-origin border-box">abcdefg</div>
<div class="bg-origin padding-box">abcdefg</div>
<div class="bg-origin content-box">abcdefg</div>

CSS

.bg-origin {
  width: 100px;
  height: 100px;
  padding: 5px;
  background: url('https://jsfiddle.net/img/logo.png') no-repeat;
  border: 5px dashed #000;
}

div + div {
  margin-top: 10px;
}

.border-box {
  background-origin: border-box;
}

.padding-box {
  background-origin: padding-box; 
}

.content-box {
  background-origin: content-box; 
}