title: Cant' access elements margin-left
body: <p>In the following snippet, I seem unable to access the current <code>margin-left</code> css property of <code>.circle</code>. I created a <a href="https://plnkr.co/edit/cCxeUOiVqi1cS0SD3iKB?p=preview" rel="nofollow noreferrer">PLUNKr</a> which showcases this.</p>
  
  <p>I am trying to access this property as I need to adjust a property binding calculation on mobile which requires the <code>left-margin</code>.</p>
  
  <p>This is a breakdown of what I have:</p>
  
  <pre><code>&lt;div class="circle"  [ngStyle]="{'width': calcCircleWidth()}"&gt;&lt;/div&gt;
  
  .circle {
      margin: 40px 20px;
  }
  
  private calcCircleWidth(): string {
      var html: HTMLElement = (&lt;HTMLElement&gt;document.querySelector('.circle:first-child'))
      ...
  }
  </code></pre>
  
  <p>This is the result when I log properties of <code>var html: HTMLElement</code></p>
  
  <pre><code>html \\ &lt;div class="circle" _ngcontent-iai-1="" style="width: 50%;"&gt;
  html.style \\ CSS2Properties { width: "50%" } 
  html.style.marginLeft \\ (nothing)
  </code></pre>