title: style.setProperty does not render
body: <p>It seems like using this function would be more portable or reliable, because the alternative is to set an attribute: </p>
  
  <pre><code>element.style.setProperty(styleproperty, valuestring);
  element.setAttribute('style',styleproperty+': '+valuestring+';');
  </code></pre>
  
  <p>The second method would also seem slightly more inefficient though that's hardly a concern. </p>
  
  <p>But at least on Chrome, the style does not update on the page unless I use the <code>setAttribute</code> method. </p>
  
  <p>The reason why this is a bit of an issue, is that I have potentially many different separate style properties I want to modify independently of the others. I have to do a whole lot of string parsing and processing if I can't make use of <code>setProperty</code>, <code>removeProperty</code>, etc. I have to pull out the style string, search it, modify it, and set it back in via <code>setAttribute</code>. Should work, but I don't like it.</p>
  
  <p>Is there a reason for this? Is this a bug? My guess is that <code>setAttribute</code> triggers something for the browser to perform a re-render. What is a suitable way to force this update that is generally browser-friendly? </p>