CODEWITHSUNDEEP
cssgoogle-chrome-devtools
hawbsl
hawbsl

Reputation: 16043

Why does Chrome developer tools sometimes not show a CSS source?

enter image description here

Why does Chrome Developer Tools bottom right hand corner sometimes show a triangle against the CSS source (indicating - if you click on it - the CSS source) as in width in my screenshot ...

but sometimes not ... as in height in my screenshot.

In other words, how can I tell what is setting height=575px?

Upvotes: 4

Views: 3593

Answers (3)

amallaki
amallaki

Reputation: 11

I was having the same issue and I landed on this page, after some poking around I realised that because my css source file had been minified, dev tools wasn't able to detect the line as there was just one line obviously, so this might have been the cause of your issue as well.

Upvotes: 1

Don
Don

Reputation: 4167

You have the "Computed" Tab selected there which means that Chrome will tell you the computed size of all of the parts. This means that what you see there isn't all explicitly set by a css file and may be derived by the element's contents.

If you wish to see only provided css style select the "Style" tab at the top of the window.

Upvotes: 1

wentz
wentz

Reputation: 700

It looks like in that case the element does not have a specified css height that is being applied to it. It is being computed by the browser based on the size of something that it is contained in such as a container div, the browser window, etc.

Upvotes: 2

Related Questions