CODEWITHSUNDEEP
cssgoogle-chromegoogle-chrome-devtools
David Liu
David Liu

Reputation: 17584

How to determine where particular style comes from using Chrome DevTools

If I inspect an element on a webpage and in the "Metrics" tab I see there are 10px margins on both side. How can I tell where these margins come from? Do they come from the default element style or specific css file (and on which line, they have been defined)?

Upvotes: 10

Views: 4568

Answers (1)

SLaks
SLaks

Reputation: 887195

Look at the Computed Style section on the top right.

It will show you every CSS property applied to the element, with an arrow that shows how each one was applied.

Upvotes: 11

Related Questions