title: How do I disable a CSS rule?
body: <p>I have the following CSS rule</p>
  
  <pre class="lang-css prettyprint-override"><code>#class {
      margin: 4px 5px 6px 7px;
      color: red;
  }
  </code></pre>
  
  <p>What I usualy do is</p>
  
  <pre><code>document.getElementById('class').style.margin= '0px';
  </code></pre>
  
  <p>Then after doing that to reset I go the same step</p>
  
  <pre><code>document.getElementById('class').style.margin= '4px 5px 6px 7px';
  </code></pre>
  
  <p>How do I <strong>disable</strong> the margin using JavaScript\JQuery <strong>instead of</strong> changing the value to <code>0</code> then reset it to <code>4px 5px 6px 7px</code></p>