49

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

Sebastian Simon
  • 16,564
  • 7
  • 51
  • 69
John
  • 4,276
  • 11
  • 35
  • 43
  • 6
    It will vary between browsers. Consider using normalize http://necolas.github.com/normalize.css/ – Jrod Oct 29 '12 at 18:56

3 Answers3

63

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.

Andrew Morton
  • 22,953
  • 9
  • 55
  • 76
Jon Egeland
  • 12,064
  • 8
  • 46
  • 62
4

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.

Vickar
  • 857
  • 11
  • 15
0

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

body{ display : block; margin : 8px; }
ßãlãjî
  • 6,894
  • 3
  • 32
  • 37