Border image

by stopsatgreen

HTML

<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sed nisl luctus, fringilla odio in, elementum augue. Cras elementum sem justo, pretium iaculis erat semper quis. Nunc tincidunt nibh rhoncus egestas elementum. Morbi sagittis quam sed sollicitudin dictum. Etiam posuere est sed venenatis bibendum. Aliquam et semper diam, ac iaculis leo. Pellentesque interdum purus nec tortor feugiat pharetra. Duis id faucibus odio, ut scelerisque massa. Suspendisse ultricies ac ipsum non bibendum. Sed tempor mattis magna ac adipiscing. Aenean sodales eleifend mattis. Maecenas at consectetur odio, ut consectetur risus.</div>

CSS

div {
    background-color: yellow;
    background-clip: padding-box;
    border: 1px solid red;
    /* border-image-outset: 5px;
    border-image-repeat: repeat stretch;
    border-image-slice: 20;
    border-image-source: url('//placekitten.com/200/200');
    border-image-width: 10px; */
    border-image: url('//placekitten.com/200/200') 20 fill / 10px / 5px repeat stretch;
    height: 100px;
    padding: 0;
}