title: Chrome DevTools: Computed style different from css rule?
body: <p>How is it possible that my DOM element has a "border-top-width" of 0px when i defined 4px in my CSS file.</p>
  
  <p>When i inspect the element with Chrome DevTools i see that the computed style tells 0px, whereas the uppermost css rule is 4px. 
  And it isn't even crossed out.</p>
  
  <p>First i thought maybe the CSS file isn't loaded at this time, but when you look at the "border-top-color", you can see that it works (color red is set and displayed).</p>
  
  <p>Where could the 0px come from, what does override my CSS file setting?</p>
  
  <p>Has anyone seen such a behaviour in ChromeDev Tools?</p>
  
  <p><img src="https://i.stack.imgur.com/OjoXi.png" alt="Image of Chrome DevTools &quot;Computed&quot; Tab"></p>
  
  <p>EDIT: Wow you guys are quick, thanks so far!
  This is the html element. all the computed css properties are in the added picture.</p>
  
  <pre><code>&lt;div id="PageStyleTest2_MeasurementSystemSelector_styled_ddList_11" data-brease-widget="widgets/brease/ListBox" style="width: 150px; height: 120px;" class="breaseListBox breaseWidget widgets_brease_ListBox_style_default"&gt;
      &lt;ul&gt;
          &lt;li style="height:40px; " data-brease-value="metric"&gt;&lt;span&gt;Metrisch&lt;/span&gt;&lt;/li&gt;
          &lt;li style="height:40px; " data-brease-value="imperial" class="selected"&gt;&lt;span&gt;Imperial&lt;/span&gt;&lt;/li&gt;
          &lt;li style="height:40px; " data-brease-value="imperial-us"&gt;&lt;span&gt;Imperial U.S.&lt;/span&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>All computed css styles:</p>
  
  <p><img src="https://i.stack.imgur.com/4XLOG.png" alt="Added Picture with all computed css styles"></p>