title: Possible to use border-radius together with a border-image which has a gradient?
body: <p>I'm styling an input field which has a rounded border (border-radius), and attempting to add a gradient to said border. I can successfully make the gradient and the rounded border, however neither work together. It's either rounded with no gradient, or a border with a gradient, but no rounded corners.</p>
  
  <pre><code>-webkit-border-radius: 5px;
  -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b0bbc4), to(#ced9de)) 1 100%;
  </code></pre>
  
  <p>Is there anyway to have both CSS properties work together, or is this not possible?</p>