css - Chrome DevTools を使用して特定のスタイルの由来を特定する方法

Question

Web ページの要素を調べると、[メトリック] タブで両側に 10 ピクセルの余白があることがわかります。これらのマージンがどこから来ているのか、どうすればわかりますか? それらはデフォルトの要素スタイルまたは特定のcssファイルから来ていますか（そして、それらはどの行で定義されていますか）？

Answer 1

右上の Computed Style セクションを見てください。

要素に適用されたすべての CSS プロパティと、それぞれがどのように適用されたかを示す矢印が表示されます。