RichInStyle.com
 Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests
Attaching style Applying style Key concepts Color and background Fonts Text Lists Box model

Advanced tests
Positioning Boxes Generated content Dynamic effects Tables Paged media @font-face Aural styles Language styles

This test
Display: inline Display: block Display: none Display: compact Display: run-in Display
Width Min-width Max-width Height Min-height Max-height
BODY 1 BODY 2 BODY 3 BODY 4 BODY 5 BODY 6
Block width Block width 2 Block width 3 Block width 4 Block height Forms Image sizing test <BR>

RichInStyle.com tests: BODY/HTML box model test 2

This page has: 

HTML {margin: 5%;
padding: 0;
border: solid 1cm}
BODY {margin: 0;
padding: 0}

As a result, there should be a border around the page 1cm wide, with white space around that.

There is nothing very complicated about this test, nor the previous one. They only require the UA to implement the box model in the normal manner - the only thing different about BODY and HTML is their backgrounds - the box model is not affected.

Copyright © RichInStyle.com 2000; all rights reserved. See copyright document for terms of use. Please visit Bukit Lawang flood appeal.