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
Margin-* Margin Margin collapsing Padding-* Padding Border-*-width
Border-width Border-*-style Border-style Border-*-color Border-color
Border-* Border Forms Horizontal rules Border styles Border widths
Margin widths Inline box: non-replaced Inline box: non-replaced 2 Inline box: replaced Inline box: replaced 2

RichInStyle.com test pages: the box model

This should have a thick border.

This should have a medium border.

This should have a thin border.

This should (preferably, but not in accordance with the spec) have a border that is 10% of the containing block width on each side (40 pixels), or no border at all (percentage width specified).

In order that you can ensure that the border is being interpreted in the correct manner, this P element has a left margin of 40 pixels - its left should be in line with the P above's left.

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