title: How can I change a CSS attribute by Javascript when a certain minimum screen resolution size is detected
body: <p>I have this code:</p>
  
  <pre><code>function AUTADIV () {
    var BRW = window.outerWidth;
    x = (BRW/1280) * 20
    document.getElementsByTagName("a").style.fontSize = x
  }
  </code></pre>
  
  <p>and the tag <code>&lt;a&gt;</code> is already under this class in a .css file:</p>
  
  <pre><code>a { 
     position:relative;
     z-index:1; 
     color:White; 
     background-color: transparent;
     font-size:20pt;
     text-decoration: none;
     text-shadow: blue 0em 0em 0.4em 
  }
  </code></pre>
  
  <p>When someone with a larger screen sees my site, the background does fill it all, but the font is too small. Is there any way to make it automatically resize? If not, how can I change <code>font-size:20pt</code> by JavaScript? My code only works if the font-size style is inline, and I need it in the CSS script.</p>
  
  <p>I have found that the code I need activates with the <code>onResize</code> event.</p>