How to find the relevant font-size and line-height for a certain, marked text?

[Ben]

Assume I marked a text on a web page and jumped to the corresponding place in Firebug.

Then I clicked the directly wrapping <p> or <div> tag and the responsible CSS is shown at the right side.

 

It occurs now oftentimes that I cannot find  the font-size or line-height attribute for that text.

Especially when it is explicitely or implcitely inherited from parent declarations.

 

So in such situation I always have to step up manually the next parents in hierarchy and look if this element defines the line-height and font-size.

 

This is somehow unhandy.

 

Does Firebug have an option "show font-size and line-height" for a marked text?

 

Ben

[Sebastian Zartner]

Inherited styles are already shown inside the Style side panel. And inside the Computed side panel you have the possibility to track down how exactly the font-size and line-height were computed by expanding the properties. Then you'll see all styles that had influence on the final value.

Sebastian