<HTML>
<HEAD>
<TITLE>枠の形を変える</TITLE>
<style type="text/css">
<!--
.sample1 { border-top-style : dotted ; border-bottom-style : dotted ;
border-right-style : dotted ; border-left-style : dotted }
.sample2 { border-top-style : dashed ; border-bottom-style : dashed ;
border-right-style : dashed ; border-left-style : dashed }
.sample3 { border-top-style : solid ; border-bottom-style : solid ;
border-right-style : solid ; border-left-style : solid }
.sample4 { border-top-style : double ; border-bottom-style : double ;
border-right-style : double ; border-left-style : double }
.sample5 { border-top-style : groove ; border-bottom-style : groove ;
border-right-style : groove ; border-left-style : groove }
.sample6 { border-top-style : ridge ; border-bottom-style : ridge ;
border-right-style : ridge ; border-left-style : ridge }
.sample7 { border-top-style : inset ; border-bottom-style : inset ;
border-right-style : inset ; border-left-style : inset }
.sample8 { border-top-style : outset ; border-bottom-style : outset ;
border-right-style : outset ; border-left-style : outset }
-->
</style>
</HEAD>
<BODY>
<p class="sample1">dotted(点線)</p>
<p class="sample2">dashed(破線)</p>
<p class="sample3">solid(実線)</p>
<p class="sample4">double(二重線)</p>
<p class="sample5">groove(へこむ)</p>
<p class="sample6">ridge(浮き上がる)</p>
<p class="sample7">inset(内側がへこむ)</p>
<p class="sample8">outset(内側が浮き上がる)</p>
</BODY>
</HTML>
