document.write("<style type=\"text/css\">ul.b_sample li{ paddong:3px; margin:1em 1em 0 0; border-width:thick; } .dotted { border-style : dotted ; border-color:#ff4500;} .dashed { border-style : dashed ; border-color:#9f6;} .solid { border-style : solid ; border-color:#3f6;} .double { border-style : double ; border-color:f30;} .groove { border-style : groove ; border-color:#0c6;} .ridge { border-style : ridge ; border-color:#36f;} .inset { border-style : inset ; border-color:#c30;} .outset { border-style : outset ; border-color:#03c;}</style>");
document.write("<ul class=\"b_sample\"><li class=\"dotted\">点線 dotted</li><li class=\"dashed\">破線 dashed</li><li class=\"solid\">実線 solid</li><li class=\"double\">二重線 double</li><li class=\"groove\">立体枠（窪み） groove</li><li class=\"ridge\">立体枠（隆起） ridge</li><li class=\"inset\">立体枠（内側全体が窪み） inset</li><li class=\"outset\">立体枠（内側全体が隆起） outset</li></ul>");