understanding background-color property

**Peon** · Dec 12th, 2011, 01:16 AM

With Ref
http://www.w3schools.com/cssref/pr_background-color.asp

The background of an element is the total size of the element, including padding and border (but not the margin).

But when I set top margin for body tag then its margin is also colored black. While if I move that style to p tag then it works for only p tag background and margin is not colored black.

HTML Code:

<body style="margin-top:200px; background-color: black; color:white; border: 1px solid red;">
<h1>Test</h1>
<p>Hello World!!</p>
</body>

What's I am understanding wrong?

**penagate** · Dec 12th, 2011, 07:56 AM

It's magic: the body background becomes the viewport background, unless you define them separately:

HTML Code:

<!doctype html>
<html style="background: white">
	<body style="margin-top:200px; background-color: black; color:white; border: 1px solid red;">
		<h1>Test</h1>
		<p>Hello World!!</p>
	</body>
</html>

Thread: understanding background-color property

Thread Tools

Display

understanding background-color property

Re: understanding background-color property

Posting Permissions