How wide is the default “ margin?

by

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.

More Related Contents:

  1. CSS margin terror; Margin adds space outside parent element [duplicate]
  2. Why does this CSS margin-top style not work?
  3. Why is there an unexplainable gap between these inline-block div elements? [duplicate]
  4. How to remove margin space around body or clear default css styles
  5. Removing body margin in CSS
  6. CSS margin adds space outside parent element [duplicate]
  7. Why can’t I center with margin: 0 auto?
  8. Margin top in inline element
  9. How to align two elements on the same line without changing HTML
  10. Why would margin not be contained by parent element?
  11. Why doesn’t “margin: auto” center an element vertically?
  12. `margin:auto;` doesn’t work on inline-block elements
  13. CSS Margin: 0 is not setting to 0
  14. CSS Cell Margin
  15. Is there any way to add padding to select options via CSS?
  16. Align a div to center
  17. Can't get footer image to display in IE8?
  18. How to add some non-standard font to a website?
  19. How to center a button within a div?
  20. Fixed Table Cell Width
  21. :nth-child(even/odd) selector with class [duplicate]
  22. How to CSS: select element based on inner HTML [duplicate]
  23. Why does width apply to a button with display inline?
  24. Equalize the height of left and right div, prevent right div from going below left div
  25. Auto Resize Image in CSS FlexBox Layout and keeping Aspect Ratio?
  26. How can I create a wavy shape CSS?
  27. CSS Zigzag Border with a Textured Background
  28. How to create a multi-column list?
  29. “break-inside: avoid-column” doesn’t work in Firefox
  30. Why does a border increase the element’s width?

Leave a Comment