The Computed Side Panel shows all CSS style values calculated by the user agent while interpreting the given CSS information for the selected node inside the HTML Panel. So it shows the actual displayed styles.

Panel

Style Tracing

The computed styles can be expanded in the case there are user-defined stylesheets changing them. The order of the styles describes the style trace, i.e. shows in which order the styles were applied. Each style has a link to its source. Overwritten styles are displayed lined through and inherited styles are displayed in gray.

The expansion and scroll state is persisted when reloading the page or inspecting another element.

Infotips

When hovering images, colors, gradients or fonts inside the style values a little popup preview will be shown for them, which helps finding the right color or gradient, investigating, if an image could be loaded or checking if a chosen font is the right one.