dotted
dashed
solid
double
groove
ridge
inset
outset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>枠線のスタイル一覧</title>
<style type="text/css">
<!--
p { border-width: 8px; border-color: lime;
width: 160px; height: 80px; font: bold 1.4em Verdana; }
p.p1 { border-style: dotted; }
p.p2 { border-style: dashed; }
p.p3 { border-style: solid; }
p.p4 { border-style: double; }
p.p5 { border-style: groove; }
p.p6 { border-style: ridge; }
p.p7 { border-style: inset; }
p.p8 { border-style: outset; }
-->
</style>
</head>
<body>
<p class="p1">dotted</p>
<p class="p2">dashed</p>
<p class="p3">solid</p>
<p class="p4">double</p>
<p class="p5">groove</p>
<p class="p6">ridge</p>
<p class="p7">inset</p>
<p class="p8">outset</p>
</body>
</html>
