CODEWITHSUNDEEP
cssgoogle-chromegoogle-chrome-devtools
Xareyo
Xareyo

Reputation: 1377

Chrome dev tools exact computed value for CSS rules

Is there anyway for instance I can get the exact pixel value (with decimal places) of a font to show in Chrome dev tools?

In Firebug (below) when I define a % value it shows the exact computed value in pixels up to 4 decimal places.

enter image description here

In Chrome dev tools (below) it only shows a whole number value.

enter image description here

In essence I want to be able to see in dev tools ► font-size: 13.7167px;

Thanks!

Upvotes: 3

Views: 2569

Answers (2)

Omega79
Omega79

Reputation: 1

In Chrome it may not give you the exact pixel value for one character, but it will give you the exact pixel size for the chunk of text if you look in computed under "width"

Upvotes: 0

alias51
alias51

Reputation: 8608

Yes, you simply need to view Computed Style under Chrome Dev Tools. 

Dev Tools -> Elements -> Computed Style

Upvotes: 1

Related Questions