title: What's with border-left-image, border-right-image, border-top-image and border-bottom-image?
body: <p>So, I'm one of those guys that prides himself on always using the most recent browser versions (except Internet Explorer of course - I don't speak about <em>that</em> browser).</p>
  
  <p>I've come across <a href="http://www.css3.info/preview/border-image/" rel="nofollow">this awesome CSS3 website</a> that details the <code>border-image</code> property introduced in CSS3, including its expanded properties such as <code>border-left-image</code>, <code>border-right-image</code>, <code>border-top-image</code>, <code>border-bottom-image</code> and so forth.</p>
  
  <p>As detailed <a href="http://caniuse.com/#search=border-image" rel="nofollow">here</a>, this property is at least partially supported in most major browsers. So, all's good and well, right? Not so fast...</p>
  
  <p>I'm able to get <code>border-image</code> to work as expected, but its expanded properties are not rendering. For example, <code>border-right-image: url(border.png) 27 27 27 27 round round;</code> ain't doing anythang in Firefox, Chrome, or Safari!</p>
  
  <p><code>border-image</code> is relatively documented on our Internets, but there is exceedingly limited (i.e. less than ten results) on any of the expanded properties.</p>
  
  <p>Any insight here from our CSS3 gurus?</p>