title: Setting the style.property to a textarea via JavaScript
body: <p>I am trying to use JavaScript to add rows to a table dynamically using the below code:</p>
  
  <pre><code>function addRowToTable()
  {
    var tbl = document.getElementById('targets');
    var lastRow = tbl.rows.length;
    var iteration = lastRow;
    var row = tbl.insertRow(lastRow);    
  
    var cellRight = row.insertCell(1);
    var el = document.createElement('textarea');
    el.name = 'target' + iteration;
    el.id = 'target' + iteration;
    el.style.property="margin:4px; max-width:400px; width:400px; max-height:35px; height:35px;";
    cellRight.appendChild(el);
  }
  </code></pre>
  
  <p>Everything works except the <code>el.style.property</code>. I have tried <code>el.style</code> previously.</p>
  
  <p>How can this be fixed?</p>
  
  <p><a href="http://sen.dpwebdev.co.uk/addrowsissue.php" rel="nofollow">Here is the page (partially)</a></p>