borderStyle.aspx font size:
View Sample
<html>
<head>
<title>Abakada CSS Demo: Border Styles</title>
<link rel="stylesheet" href="/shared/netdemos.css">

<style type="text/css">
<!--
   h5 {
      padding: 10pt; width: 75%; border: 8pt silver }
   .bstyle {
      font: bold 18pt comic sans ms; color: #996 }
-->
</style>
</head>

<body>
<!-- #include virtual="~/shared/top.inc" -->

<div class="header"><h2>Abakada CSS Demo: Border Styles</h2></div>
<hr size=1 width=92%>

<center>

<p id="msg">The CSS <b>border-style</b> attribute is used to specify the line style of an element's border, and can take one of the following values: </p>

<h5 style="border-style: none">
   <span class="bstyle">none</span><br>No border. This value forces the computed value of 'border-width' to be '0'.</h5>

<h5 style="border-style: solid">
   <span class="bstyle">solid</span><br>The border is a single line segment.</h5>

<h5 style="border-style: double">
   <span class="bstyle">double</span><br>The border is two solid lines. The sum of the two lines and the space between them equals the value of 'border-width'.</h5>

<h5 style="border-style: groove">
   <span class="bstyle">groove</span><br>The border looks as though it were carved into the canvas.</h5>

<h5 style="border-style: ridge">
   <span class="bstyle">ridge</span><br>The opposite of 'groove'; the border looks as though it were coming out of the canvas.</h5>

<h5 style="border-style: inset">
   <span class="bstyle">inset</span><br>The border makes the entire box look as though it were embedded in the canvas.</h5>

<h5 style="border-style: outset">
   <span class="bstyle">outset</span><br>The opposite of 'inset'; the border makes the entire box look as though it were coming out of the canvas.</h5>

<p><b>The following border styles are also included for special uses.</b></p>

<h5 style="border-style: hidden">
   <span class="bstyle">hidden</span><br>Same as 'none', except for use in border conflict resolution for table elements.</h5>

<h5 style="border-style: dotted">
   <span class="bstyle">dotted</span><br>The border is a series of dots, included for non-graphic terminals.</h5>

<h5 style="border-style: dashed">
   <span class="bstyle">dashed</span><br>The border is a series of short line segments, included for non-graphic terminals.</h5>

</center>

<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->

</body>
</html>