<!DOCTYPE HTML>
<html>
<head>
  <style>
    .inline-block {
      display: inline-block;
      margin: 10px;
    }
    .fixed-container {
      height: 80px;
      width: 80px;
    }
    .thick-border {
        border: 20px solid black;
        background-color: yellow;
    }
    .zero-border {
      border: 0px solid black;
      background-color: red;
    }
    .border-image-zero-slice {
      border-image: url('resources/svg-100x100-intrinsic.svg') 0 fill;
    }
    .border-image-thick-slice {
      border-image: url('resources/svg-100x100-intrinsic.svg') 20 fill;
    }
    .border-image-thick-slice-table {
      border-image: url('resources/svg-50x50-intrinsic.svg') 20 fill;
    }
  </style>
</head>
<body>
  <div class="inline-block fixed-container zero-border border-image-zero-slice"></div>
  <div class="inline-block fixed-container thick-border border-image-zero-slice"></div>
  <div class="inline-block fixed-container zero-border border-image-thick-slice"></div>
  <div class="inline-block fixed-container thick-border border-image-thick-slice"></div>
  <br>
  <div class="inline-block"><object class="fixed-container zero-border border-image-zero-slice"></object></div>
  <div class="inline-block"><object class="fixed-container thick-border border-image-zero-slice"></object></div>
  <div class="inline-block"><object class="fixed-container zero-border border-image-thick-slice"></object></div>
  <div class="inline-block"><object class="fixed-container thick-border border-image-thick-slice"></object></div>
  <br>
  <table class="inline-block fixed-container zero-border border-image-zero-slice"><tr/></table>
  <table class="inline-block fixed-container thick-border border-image-zero-slice"><tr/></table>
  <table class="inline-block fixed-container zero-border border-image-thick-slice"><tr/></table>
  <table class="inline-block fixed-container thick-border border-image-thick-slice-table"><tr/></table>
</body>
</html>
