title: CSS border in JavaScript
body: <p>I am using below procedure to modify CSS from JavaScript but it is not giving any result. </p>
  
  <p>Can anybody please check the code and let me know the proper method. I need border for the table with radius.</p>
  
  <p>This is my table structure:</p>
  
  <pre><code>&lt;table id="tt" width="400" border="0" cellspacing="0" cellpadding="0"&gt;
        &lt;tr&gt;
          &lt;td width="179" class="header_links"&gt;5&lt;input name="input" class="lang_textbox" type="text" value="Search by keyword" /&gt;&lt;/td&gt;
          &lt;td width="52" align="left"&gt;&lt;img src="images/search_go.jpg" width="28" height="24" alt="go" /&gt;&lt;/td&gt;
          &lt;td width="169" class="header_links"&gt;&lt;a href="#"&gt;FAQs&lt;/a&gt; | &lt;a href="#"&gt;Sitemap&lt;/a&gt; | &lt;a href="#"&gt;Contact us&lt;/a&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>And below is the javascript which am using</p>
  
  <pre><code>document.getElementById('tt').style.borderRadius = '4em'; // w3c
  document.getElementById('tt').style.MozBorderRadius = '4em'; // mozilla
  document.getElementById('tt').style.border = '4em'; // mozilla
  </code></pre>