text: <!DOCTYPE html>
  <html lang="en-US">
  <head>
    <title>border-image-slice without fill reference</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Content-Style-Type" content="text/css">
    <style type="text/css">
  
    table { margin: 0; padding: 0; border-spacing: 0; empty-cells: show; }
    td { padding: 0; }
  
    </style>
  </head>
  <body>
  <table>
    <col style="width: 7px">
    <col style="width: 100px">
    <col style="width: 7px">
  
    <tr style="height: 7px">
      <td style="background: #87f0b4"></td>
      <td style="background: #4a298e"></td>
      <td style="background: #c98bb7"></td>
    </tr>
    <tr style="height: 5px">
      <td style="background: #90a213"></td>
      <td></td>
      <td style="background: #90c157"></td>
    </tr>
    <tr style="height: 7px">
      <td style="background: #9d57c1"></td>
      <td style="background: #3a8e20"></td>
      <td style="background: #0e6f6c"></td>
    </tr>
  </table>
  </body>
  </html>
  