Search code examples
cssfirebugfirebug1.5

How do I trace a Computed style via Firebug (Firefox)?


I see the Computed style (e.g. Width) in Firebug for elements, but how do I find out what exactly caused them?

The main Style tab is useless. There's a change coming in from somewhere that the Style tab doesn't capture. I need to exactly trace what led to the current layout, is Firebug the wrong tool?


Solution

  • The Computed side panel allows you to expand the computed styles to see the style trace.

    *Computed* side panel in Firebug

    Though note that Firebug 2.0.16 has a bug in combination with Firefox 46.0 that is breaking that feature, i.e. you'll see all properties under the Other section and they are not expandable and are not filtered. This bug is already fixed, though there is no new release yet.