このソースは、以下のとおりです。
<style type="text/css">
.1 { border-style:solid;}
.2 { border-style:double;}
.3 { border-style:groove;}
.4 { border-style:ridge;}
.5 { border-style:inset;}
.6 { border-style:outset;}
.7 { border-style:dotted;}
.8 { border-style:dashed;}
.9 { border-style:none;}
</style>
<div class="1"> border-style:solid; 直線</div><br>
<div class="2">border-style:double; 二重線</div><br>
<div class="3">border-style:groove; 溝線</div><br>
<div class="4">border-style:ridge; 稜線</div><br>
<div class="5">border-style:inset; 沈み込んだように見える枠線</div><br>
<div class="6">border-style:outset; 浮き上がったように見える枠線</div><br>
<div class="7">border-style:dotted; 点線</div><br>
<div class="8">border-style:dashed; 破線</div><br>
<div class="9">border-style:none; 枠線を表示しない</div>
border-style:solid; 直線
border-style:double; 二重線
border-style:groove; 溝線
border-style:ridge; 稜線
border-style:inset; 沈み込んだように見える枠線
border-style:outset; 浮き上がったように見える枠線
border-style:dotted; 点線
border-style:dashed; 破線
border-style:none; 枠線を表示しない