各ブラウザごとのデフォルトのスタイルシート、user agent stylesheetのまとめ -Chrome, Safari, Firefox, Edge

Webページを実装する際、そのページを表示するブラウザが各HTML要素にデフォルトでどのようなスタイルが適用されているか知っておくのは大切なことです。
Chrome, Safari, Firefox, Edge 各ブラウザごとのデフォルトのスタイルシート、user agent stylesheetを紹介します。

例えば、p要素にはdisplay: block;が定義されており各ブラウザでmarginの数値が異なります。また、h1要素は単独で使用した場合とsection要素などの子要素で使用した場合ではmarginの数値が異なります。

Chromeのuser agent stylesheet

Chromeのuser agent stylesheet

Safariのuser agent stylesheet

Firefoxのuser agent stylesheet

Edgeのuser agent stylesheet

2019年5月現在最新は、EdgeHTML 18 (Build 17763)です。

sponsors

top of page

©2024 coliss