border-style: none
border-style: solid
border-style: double
border-style: dashed
border-style: dotted
border-style: groove
border-style: ridge
border-style: inset
border-style: outset
border-top-style:dashed;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:double
border-style:dashed（上） solid（右） dotted（下） double（左）
border-style:dashed（上下） solid（左右）
border-style:dashed（上） solid（左右） double（下）
<html>
<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-color:blue;border-width:5px;padding:5px ;}
.sample1 { border-style: none ;}
.sample2 { border-style: solid ;}
.sample3 { border-style: double ;}
.sample4 { border-style: dashed ;}
.sample5 { border-style: dotted ;}
.sample6 { border-style: groove ;}
.sample7 { border-style: ridge ;}
.sample8 { border-style: inset ;}
.sample9 { border-style: outset ;}
.sample10 { border-top-style:dashed;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:double;}
.sample11 { border-style:dashed solid dotted double;}
.sample12 { border-style:dashed solid ;}
.sample13 { border-style:dashed solid double;}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<p class="sample1">border-style: none</p>
<p class="sample2">border-style: solid</p>
<p class="sample3">border-style: double</p>
<p class="sample4">border-style: dashed</p>
<p class="sample5">border-style: dotted</p>
<p class="sample6">border-style: groove</p>
<p class="sample7">border-style: ridge</p>
<p class="sample8">border-style: inset</p>
<p class="sample9">border-style: outset</p>
<p class="sample10">border-top-style:dashed;<br>
border-right-style:solid;<br>
border-bottom-style:dotted;<br>
border-left-style:double</p>
<p class="sample11">border-style:dashed（上） solid（右） dotted（下） double（左）</p>
<p class="sample12">border-style:dashed（上下） solid（左右）</p>
<p class="sample13">border-style:dashed（上） solid（左右） double（下）</p>
</body>