title: Is it alright to change the CSS border shorthand syntax order?
body: <p>I recently learned that the correct syntax for defining a <code>border</code> in CSS is:</p>
  
  <p><code>&lt;width&gt; -&gt; &lt;style&gt; -&gt; &lt;color&gt;</code>.</p>
  
  <p>However for years I've been doing it as:</p>
  
  <p><code>&lt;width&gt; -&gt; &lt;color&gt; -&gt; &lt;style&gt;</code>. And I have never noticed any problems, even in old IE, which is why it took so long for me to figure it out.</p>
  
  <p>Is it "okay" to define borders the second way, even though it doesn't fully conform to the spec? Furthermore, could the 3 parts of this syntax be fully interchangeable across browsers?</p>
  
  <p>Correct way: <code>border: 1px solid blue</code></p>
  
  <p>My way: <code>border: 1px blue solid</code></p>
  
  <p>Theoretically valid: <code>border: blue 1px solid</code> etc.</p>