Exemple de code de la propriété CSS border-image-slice.

<style type="text/css">
.table.border-image,
.table.border-image td,
.default.border-image{
  border-image-source : url(/img/screenshot_css/bordure-image2.png); 
  border-image-width : 30px; 
  border-image-outset : 0; 
  padding : 20px; 
} 
.table.border-image,
.table.border-image td,
.default.border-image-slice-1{
    border-image-slice : 27 41 41 27 ; 
}
.default.border-image-slice-fill{
    border-image-slice : 27 41 41 27 fill; 
}
.default.border-image-slice-30{
    border-image-slice : 30 fill; 
}
.default.border-image-2{
  border-image-source : url(/img/screenshot_css/bordure-image.png); 
}
.table.border-image td,
.default.border-image-repeat{
    border-image-repeat : space; 
}
/* mise en page */
.background-image{ background-image : url(/img/exemple/filter-image.jpg); }
img.border-image{ vertical-align : middle }
.table { border : 10px solid red; margin : 10px auto; }
.table td,.default {
  height : 50px; 
  border : 10px solid red; 
  margin : 15px; 
}
.collapse{ border-collapse : collapse} 
.taille{ width : 350px; margin :auto; }
</style>

<div class="taille">
  <div class="default border-image">border-image-slice: 100%, valeur par défaut</div> 
  <div class="default border-image border-image-slice-1">border-image-slice: 27 41 41 27 ; </div> 
  <div class="default border-image border-image-2 border-image-slice-1">border-image-slice: 27 41 41 27 ; </div> 
  <div class="default border-image border-image-slice-fill border-image-repeat">border-image-slice: 27 41 41 27 fill; <br>border-image-repeat: space; </div> 
    <div class="default border-image border-image-slice-fill background-image">border-image-slice: 27 41 41 27 fill; <br>background-image :(image.gif)</div> 
  <div class="default border-image border-image-slice-30">border-image-slice: 30 fill</div> 
  <div class="default border-image border-image-2 border-image-slice-30">border-image-slice: 30 fill; </div> 
  <div class="taille"><input type="text" value="input type=text" class="default border-image border-image-slice-1"><button type="button" class="default border-image border-image-slice-1">Mon bouton</button> <img class="default border-image border-image-slice-1" src="/img/exemple/filter-image.jpg"> </div>
  <table class="table border-image">
    <tr><td>sans collapse</td><td>sans collapse</td></tr>
    <tr><td>sans collapse</td><td>sans collapse</td></tr>
  </table>
  <table class="table border-image collapse">
    <tr><td>avec collapse</td><td>avec collapse</td></tr>
    <tr><td>avec collapse</td><td>avec collapse</td></tr>
  </table>
</div>