How to find CSS settings (e.g.font size, line height, margins) for PRINTing a web page (not DISPLAY)?

[Ben]

Assume I inspect a loaded web page with Firebug.

 

I can see in Firebugs HTML tab on the rigth side the corresponding CSS settings for the line-height, font-size and the margins.

 

But those are ONLY responsible for the browser DISPLAY.

 

When I go to browsers "print" menu then possibly other, much different font-sizes, line-heights and margins are assigned.

 

I guess these CSS settings are hidden somewhere in @page section. I am not sure.

 

How can I find them?

 

Is there a Firebug option "find print settings/CSS" which let me jump directly to them?

 

Can I disable all "print CSS settings" and tell Firefox "use display CSS settings"?

 

Ben

[Sebastian Zartner]

I guess these CSS settings are hidden somewhere in @page section. I am not sure.

 

How can I find them?

 

Is there a Firebug option "find print settings/CSS" which let me jump directly to them?

Not yet, though some time ago I created issue 3056, which was intended to allow switching between different media types.
What you can do at the moment is to search for @page or @media rules inside the CSS Panel and edit the related print styles there.

Can I disable all "print CSS settings" and tell Firefox "use display CSS settings"?

You mean for printing? There's an option inside the Page Setup dialog (available via Firefox button > Print... > Page Setup...) called Print Background (colors & images), which allows you to print the page including images and backgrounds. Though this doesn't disable the CSS styles defined for printing.
What's the use case for this?

Sebastian