title: border-image on top only, no slicing?
body: <p>The CSS3 border-image seems to work by slicing and dividing an image.</p>
  
  <p>Suppose I have a 20px square png of a star that I want to repeat along a top border only. How would I compose the CSS rule?</p>
  
  <p>i.e. no slicing, no stretching, no round... just repeat a little square png along the top border only.</p>
  
  <pre><code>.div-with-top-border {
    border-image: url('/images/star.png') ? ? repeat?;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
  }
  </code></pre>