How wide is the default `<body>` margin?How wide is the default `<body>` margin? - Solution Checker - solutionschecker.com - Find the solution for any programming question. We as a solution checker will focus on finding the fastest possible solution for developers. Main topics like coding, learning.

What’s the default margin that HTML sets for its <body> tag? I noticed that there’s some automatic margin, but I’m wondering if anyone knows how much it is (and whether it’s in px or %, etc.).

Solution 1

In most major browsers, the default margin is 8px on all sides. It is defined in pixels by the user-agent-stylesheet your browser provides.

Some browsers allow you to create and use your own user-agent-stylesheet, but if you are developing a website, I would recommend staying away from changing this, since your users most likely will not have a modified stylesheet and would then see a different page than you do.

If you want to change it, you can just do this:

body {
  margin: 0px;
  padding: 0px;
  ...
}

But if you have a large project and want to be more complete, use normalize.css. It resets a lot of default values to be consistent across browsers.

Solution 2

According to W3School's CSS reference, the default properties and values for a body tag are,

body{ display : block; margin : 8px; }

And one can quickly get the computed details of any element by accessing the Computed Pane in the Chrome Dev tools.

Solution 3

css default values https://www.w3schools.com/cssref/css_default_values.asp

body{ display : block; margin : 8px; }