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.).
- 16,564
- 7
- 51
- 69
- 4,276
- 11
- 35
- 43
-
6It will vary between browsers. Consider using normalize http://necolas.github.com/normalize.css/ – Jrod Oct 29 '12 at 18:56
3 Answers
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.
- 22,953
- 9
- 55
- 76
- 12,064
- 8
- 46
- 62
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.
- 857
- 11
- 15
css default values https://www.w3schools.com/cssref/css_default_values.asp
body{ display : block; margin : 8px; }
- 6,894
- 3
- 32
- 37