Retrieve every CSS rule of an element

Question

Is it possible to retrieve all of the CSS rules applied to an element, even if none has been applied (computed style by the browser), e.g.

alert($('#element').css());

Should have feature like this to show every css rule that can output like this:

position: static,
height: auto,
width: auto,
font-size: 100%,
line-height: 1,
z-index: 0
// and so on...

Community · Accepted Answer · 2017-05-23 11:55:24Z

0

Here's some info: Get all CSS styles of an element with JavaScript

Unfortunately there's no solid solution, and it looks like there will be a few gotchas. However, for simple debugging it should probably be good enough.

edited May 23, 2017 at 11:55

CommunityBot

11 silver badge

answered Mar 1, 2011 at 21:58

adamJLev

14.1k11 gold badges64 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Willem Over a year ago

for simple debugging use firebug (or ie developer toolbar)

MacMac Over a year ago

Hmmm. Plausible, jQuery should include this imo.

Collectives™ on Stack Overflow

Retrieve every CSS rule of an element

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related