title: Is there a way to set any style for a specific browser in CSS?
body: <p>For example, if I want to set the corner radius in Webkit, Firefox and other than I can use the following CSS:  </p>
  
  <pre><code>-webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  </code></pre>
  
  <p>But are those styles hardcoded or is merely adding a prefix address that browser? </p>
  
  <p>For example, if I want to change the margin only in Firefox could I simply add the prefix like so: </p>
  
  <pre><code>-moz-margin:-4px;
  margin: 1px;
  </code></pre>
  
  <p><strong>NICE TO KNOW:</strong><br>
  And if that's possible is it possible to address a specific version or platform? For example, <code>-moz-4.3-margin:-4px;</code> not that I'd want to, just wondering. </p>
  
  <p>And does the prefix approach work cross browser? I'm wondering because Internet Explorer. </p>
  
  <p>Finally, will <code>margin:10px</code> ever knock out <code>-moz-margin:10px</code>? As in, "We, Mozilla, finally support <code>margin</code> so we are going to ignore all old <code>-moz-margin</code> tags and will just use the value in the <code>margin</code> tag". </p>