PayneLess Designs - Borders - Multiple

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Borders - Multiple</title>
<meta name="created" content="Tue, 26 Jul 2011 05:12:49 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="copyright" content="PayneLess Designs">
<meta name="author" content="Ron">
<style type="text/css">
* { margin: 0; padding: 0; border: 0; }

h1, h2, h3 { text-align: center; }
</style>
</head><body>
<h1>Borders - Multiple</h1>

<h2>Example:</h2>
<div style="width: 400px; height: 260px; margin: 0 auto; background: #fff; padding: 25px; text-align: justify; border-width: 6px; border-color: #f00; border-style: dotted dashed solid double;">This box has a mixed html border. The sides are in order given in inline CSS: dotted (top), dashed (right), solid (bottom), double (left). Follows normal convention of top, right, bottom, left. <h3>Code Used:</h3>&lt;div style="width: 400px; height: 260px; margin: 0 auto; padding: 25px; text-align: justify; border-width: 6px; border-color: #f00; border-style: dotted dashed solid double;">This box has a mixed html border. The sides are in order given in inline CSS: dotted (top), dashed (right), solid (bottom), double (left). Follows normal convention of top, right, bottom, left.&lt;/div></div>
</body></html>