Shorthand Box Properties Test

The styles applied here are:

.inner	{background-color: #f99; color: black; }
.outer	{background-color: #9f9; color: black;
	border-style: solid; border-width: medium;
	margin-top: 5px; margin-bottom: 5px;}

.mone	{ margin: 10px; }
.mtwo	{ margin: 10px 20px; }
.mthree	{ margin: 10px 20px 30px; }
.mfour	{ margin: 10px 20px 30px 40px; }

.pone	{ padding: 10px; }
.ptwo	{ padding: 10px 20px; }
.pthree	{ padding: 10px 20px 30px; }
.pfour	{ padding: 10px 20px 30px 40px; }

.bone	{ border-style: solid; border-width: 10px; }
.btwo	{ border-style: solid; border-width: 10px 20px; }
.bthree	{ border-style: solid; border-width: 10px 20px 30px; }
.bfour	{ border-style: solid; border-width: 10px 20px 30px 40px; }
The inner DIV should have a 10px margin.
The inner DIV should have a 10px margin on the top and bottom and a 20px margin on the right and left.
The inner DIV should have a 10px margin on the top, a 20px margin on the right and left, and a 30px margin on the bottom.
The inner DIV should have a 10px margin on the top, a 20px margin on the right, a 30px margin on the bottom, and a 40px margin on the left.
The outer DIV should have 10px of padding.
The outer DIV should have 10px of padding on the top and bottom and 20px of padding on the right and left.
The outer DIV should have 10px of padding on the top, 20px of padding on the right and left, and 30px of padding on the bottom.
The outer DIV should have 10px of padding on the top, 20px of padding on the right, 30px of padding on the bottom, and 40px of padding on the left.
The outer DIV should have a 10px border.
The outer DIV should have a 10px border on the top and bottom and a 20px border on the right and left.
The outer DIV should have a 10px border on the top, a 20px border on the right and left, and a 30px border on the bottom.
The outer DIV should have a 10px border on the top, a 20px border on the right, a 30px border on the bottom, and a 40px border on the left.

Valid HTML 4.0!

(Back to CSS Testing Information, David Baron)

LDB, dbaron@dbaron.org