Style sheet properties - Box/Layout properties

border-bottom-color: border-bottom-color: red
border-left-color: border-right-color: #FFOOOO
border-right-color: border-right-color: olive
border-top-color: border-top-color: #009900
border-color: border-color: black
border-color: black gray
border-color: black blue gray white
border-bottom-style: border-bottom-style: solid
border-left-style: border-left-style: double
border-right-style: border-right-style: outset
border-top-style: border-top-style: outset
border-style: border-style: solid
border-style: double solid
border-bottom-width: border-bottom-width: 5px
border-left-width: border-top-width: thin
border-right-width: border-right-width: thick
border-top-width: border-top-width: thin
border-width: border-width: thin medium thick
border-width: medium
border-bottom: border-bottom: thin solid green
border-left: border-left: thick
border-right: border-right: medium double black
border-top: border-top: thin
border: border: medium inset red
border: thin solid black
clear: clear: both
clear: left
float: float: left
float: none
margin-bottom: margin-bottom: 0.5em
margin-left: margin-left: 25px
margin-right: margin-right: 15%
margin-top: margin-top: 0.25em
margin: margin: 0.25in 0.50in 0.25in 0.50in
margin: lem
padding-bottom: padding-bottom: 0.75em
padding-right: padding-right: 5px
padding-top: padding-top: 5pt
padding-left: padding-left: 5pt
padding: padding: 5px 10px 5px 10px
padding: 0.75em

Examples

This DIV tag has border colours set, and 20 pixels of padding at the bottom.

As you may see, Netscape v4.75 ignores the box properties but renders the padding.

This DIV tag has float:right set.
This DIV tag has float:left set.

I'm not entirely sure what these float properties actually do...