RichInStyle.com test pages: the box model - border-color

This should have a 20px red border.

This should have a red top, green bottom and blue side border.

This should have a red top, green right, blue bottom and yellow left border.

This should have a red border since it is red and the initial value of border-color is red.

This text should not be obscured.

This has a 5px transparent border. It also has a -5 pixel top margin. Since the border is transparent (which is not the same as setting it to the color of background, it should not obscure the text above).

Here's the same thing with margin-top: 0 and no border, which should therefore look exactly the same

This text should not be obscured.

This should not obscure it.

This should have a black border because it specified transparent red, but transparent must be the sole value for border-color so the declaration is invalid and should be ignored.