Home/ Questions/Q 4100396
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T20:33:41+00:00

html { margin:0; padding:0; background-color:#006600; border-style:solid; } /*Dark Green*/ body { margin:0; padding:0; background-color:#660000;

  • 0
html { margin:0; padding:0; background-color:#006600; border-style:solid;  } /*Dark Green*/
body { margin:0; padding:0; background-color:#660000; border-style:dotted; } /*Dark Brown*/

<html>
    <body>
      test
    </body> 
</html>

Why does the background-color of html tag extend the full window but the border-style of the tag remain confined just outside the body box border.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Specifying the right amount of height and width should solve your problem.
    Try it with appropriate values of height and width.

    See this link : Understanding the HTML versus BODY Element in CSS

    The html and body elements are
    distinct block-level entities, in a
    parent/child relationship.
    The html
    element’s height and width are
    controlled by the browser window.

    The body element is (by default)
    position:static, which means that
    positioned children of it are
    positioned relative to the html
    element’s coordinate system.

    In
    almost all modern browsers, the
    built-in offset from the edge of the
    page is applied through a margin on
    the body element, not padding on the
    html element.

    Hope you get some idea to your doubt.

    • 0