title: Some css properties set by jquery don't show up on html elements
body: <p>I had set the CSS border property to a div tag by jquery as below:</p>
  
  <pre><code>&lt;div class='content'&gt;&lt;/div&gt;
  $('.content').css({
     "border": "30px solid transparent",
     "border-image": "url('data:image/png;base64,iVBORw0KGgoXiQqNZYII=') 30 30 round", //I was shorted base64 image
  });
  </code></pre>
  
  <p>The div tag applied all the CSS except the <em>border-image</em> property. It only applies <em>border</em> property to '.content' class:</p>
  
  <pre><code>&lt;div class="content" style="border: 30px solid transparent;"&gt;
  </code></pre>
  
  <p>I tried to set the properties one by one but <em>border-image</em> still didn't work out. If I only set <em>border-image</em>, it works.</p>