Bitmap

by slym12

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/border-image -->

<div id="bitmap">This element is surrounded by a bitmap-based border image!</div>

CSS

#bitmap {
  width: 200px;
  background-color: #ffa;
  border: 36px solid orange;
  margin: 30px;
  padding: 10px;

  border-image:
      url("https://thumbs.dreamstime.com/b/vector-scissors-dashed-lines-original-silhouettes-cut-here-37929832.jpg")  /* source */
      90 /                    /* slice */
      36px  /    /* width */
      18px 14px 9px 4px       /* outset */
      repeat;                  /* repeat */
}