<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Border image</title>
    <style>
      html {
        font-family: sans-serif;
      }

      div {
        width: 300px;
        padding: 20px;
        margin: 10px auto;
        line-height: 3;
        background-color: #f66;
        text-align: center;
        /* border-related properties */
        border: 20px solid black;
        background-clip: padding-box;
        border-image-source: url(border-image.png);
        border-image-slice: 40;
        border-image-repeat: round;
        border-image-outset: 5px;
      }
    </style>
  </head>
  <body>
    <div>
      <p>Border image</p>
    </div>
  </body>
</html>