JSFiddle - React, Tailwind, and code Playground

HTML

<div>

</div>

CSS

div{
  width: 200px;
  height: 100px;
  background: grey;
  border: 10px solid;
  border-image-slice: 1;
  border-width: 5px;
  border-image-source: linear-gradient(to left, red 70%, transparent 70%);
}