How to determine where particular style comes from using Chrome DevTools

Question

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)?

Answer 1

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.