<div class="items">
  

<div class="bitmap br1">This element is surrounded border image!</div>


<div class="bitmap br2">This element is surrounded by  border image!</div>
  <div class="bitmap br3">This element is surrounded by a border image!</div>
</div>
  

.items{
  display:flex;
}
.bitmap {
  width: 20.1rem;
  margin: 30px;
  padding: 10px;
}

.br1{
 border: 30px solid orange;
 border-image:
  url("https://www.aperfectworld.org/clipart/borders/borders13f..gif")
      100 /                    /* slice */
      20px 18px 18px 20px /    /* width */
      18px 14px 9px 10px       /* outset */
      round;  
}

.br2{
   border: 30px solid orange;
 border-image:
  url("https://img00.deviantart.net/feb2/i/2008/309/e/5/border_lineart_8_by_inspyretash_stock.jpg")
      100 /                    /* slice */
      20px 18px 18px 20px /    /* width */
      18px 14px 9px 10px       /* outset */
      round;    
}

.br3{
   border: 30px solid orange;
 border-image:
  url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQwOcu0d-p0ZCGhGRSZBu-8lIAoW-MmGCQtMolBKFndj_Y80J7lMw");
  border-image-slice:100;
  border-image-width:70px 72px 92px 78px;
  border-image-outset:20px;
}