# Inspecting an Element's Style Values using JS | KIRUPA

**URL:** <https://forum.kirupa.com/t/inspecting-an-elements-style-values-using-js-kirupa/636329>\
**Category:** programming\
**Created:** [March 29, 2017, 11:12pm UTC](https://forum.kirupa.com/t/inspecting-an-elements-style-values-using-js-kirupa/636329 "2017-03-29T23:12:17Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [March 29, 2017, 11:12pm UTC](https://forum.kirupa.com/t/inspecting-an-elements-style-values-using-js-kirupa/636329/1 "2017-03-29T23:12:17Z")

</div>

by [kirupa](http://www.kirupa.com/www.kirupa.com/me/index.htm) | 16 August 2016

How your HTML elements look is something that has fascinated people for centuries. The reason is that there is a whole lot more going on than what you see on screen. Your HTML elements are affected by CSS in a variety of complex ways. You have style rules (and media queries, and calc() expressions, !important tags, the cascade, etc.), inline styles, styles automatically set by your browser, and a whole lot more that can influence the styles that get applied and what your elements look like.

* * *
This is a companion discussion topic for the original entry at [http://www.kirupa.com/html5/inspecting\_element\_style.htm](http://www.kirupa.com/html5/inspecting_element_style.htm)